UI

Crypto/Fiat

A crypto amount input that switches between fiat and token units at the current rate, for wallets, exchanges and payment flows.

When to use it

Dual-denomination entry, for when the user thinks in one currency and the system settles in another. Carrying the value through the rate on toggle means they never retype an amount they already entered.

Props · CryptoFiat

PropTypeDefault
symbol?string"ETH"
price?number3050
defaultAmount?string"2500"
onChange?(raw: string, denomination: "fiat" | "crypto") => void className?: string·

Generated from the component source. Run npm run props:extract after changing a signature.