DeFiLive Preview
Token Swap
Clean swap widget with token selectors, flip button, exchange rate display, and inline dropdowns. Pure UI, parent provides rate.
swapdexexchangeuniswap
API Reference
| Prop | Type | Default | Description |
|---|---|---|---|
tokens* | SwapToken[] | — | Available tokens for selection |
fromToken | SwapToken | — | Currently selected from token |
toToken | SwapToken | — | Currently selected to token |
onSwap* | (params: { from, to, amount }) => void | Promise<void> | — | Called when user clicks swap |
onFromTokenChange | (token: SwapToken) => void | — | Called when user changes from token |
onToTokenChange | (token: SwapToken) => void | — | Called when user changes to token |
exchangeRate | number | — | How many toTokens per 1 fromToken |
slippage | number | — | Slippage tolerance percentage |
loading | boolean | false | Loading state on swap button |
className | string | — | Additional CSS classes |