Fiat On-ramp
Understand how to use the FiatOnRamp component
FiatOnRamp
Props
className
(optional)
className
(optional)Add classes to customise the styling
title
(optional)
title
(optional)Use to set the title of tab.
Default Value - "Buy"
showPoweredByBanner
(optional)
showPoweredByBanner
(optional)This is a boolean which toggles the visibility for the powered by text for the tab - Powered by Leap and Kado
Default Value - false
defaultValues
(optional)
defaultValues
(optional)This is an object that contains the default values for the tab
sourceAmount
: input amountcurrency
: currency using which you want buy tokensdestinationChainId
: chainId of the destination chaindestinationAsset
: denom of destination asset
allowedCurrencies
(optional)
allowedCurrencies
(optional)Pass in an array of string where each string is a code representing the currency e.g USD, EUR INR
allowedDestinationChains
(optional)
allowedDestinationChains
(optional)Pass in an array of objects with a chainId
property set to the chains you want to display on the source side. You can also restrict the denominations
for each chain.
onTxnComplete (optional)
This a callback which is fired when transaction completes
onTxnInProgress (optional)
This a callback which is fired when transaction is initiated
onFiatAmountChange (optional)
This a callback which is fired when input amount is changed
onFiatCurrencyChange (optional)
This a callback which is fired when currency is changed
onDestinationChainChange (optional)
This a callback which is fired when destination chain is changed
onCryptoCurrencyChange (optional)
This a callback which is fired when destination asset is changed
Last updated