CurrencyToggler

CurrencyToggler component for switching between currencies

import { CurrencyToggler } from "@tetherto/mdk-react-devkit";

Prop	Status	Type	Default	Description
`value`	Required	`string`	—	—
`className`	Optional	`string \| undefined`	—	—
`currencies`	Required	`(string \| CurrencyItem)[]`	—	—
`onChange`	Required	`(currency: string) => void`	—	—

Usage

A segmented button control for switching between currency options. Each item can be a plain string or a CurrencyItem object with an optional custom label and disabled state.

Example

/** * Runnable example for CurrencyToggler. */import { useState } from 'react'import { CurrencyToggler } from '@tetherto/mdk-react-devkit'export const CurrencyTogglerExample = () => {  const [currency, setCurrency] = useState('USD')  const [advancedCurrency, setAdvancedCurrency] = useState('BTC')  return (    <div className="mdk-example-col">      <CurrencyToggler currencies={['USD', 'BTC', 'ETH']} value={currency} onChange={setCurrency} />      <CurrencyToggler        currencies={[          { value: 'BTC', label: 'BTC' },          { value: 'USD', label: 'USD' },          { value: 'EUR', label: 'EUR', disabled: true },        ]}        value={advancedCurrency}        onChange={setAdvancedCurrency}      />    </div>  )}