CryptoTradeCard

File: @views/Widgets/CryptoTradeCard

CryptoTradeCard is a highly customizable widget that displays the cryptocurrencies for trading.

Props

For CryptoTradeCard widget, the following props are available:

Prop	Type	Default	Note
title	String	-	Card title.
tabs	Array	-	Specifies tab items, each item in the array is an object with title:String and value:any properties.
price	[String, Number]	-	Price input state.
amount	[String, Number]	-	Amount input state.
options	Array	-	Display select options, each option is an object which title:String, slug:String, icon:Object properties.
selectedCrypto	[Object, String, Number]	-	Selected crypto state.
selectItemValue	String	-	The itemValue prop specifies which property of the select options should be used as a key to return as a selected value.
activeTradeTab	[String, Number]	-	Controls selected tab.
tabColor	String	-	Specifies tab items background color.
className	String	-	Overrides or extends the component's styles.

Callback Functions

The CryptoTradeCard widget contains following callback functions.

Function	Description
onTabChange	Controls the active tab.
onPriceChange	Controls price input state.
onAmountChange	Controls amount input state.
onSelectChange	Controls the select.
onSubmit	Submit event.

Related Pages

• Input
• Select
• Tab
• Icon