Founding price: $35, then $99 after 23:59 UTC on 4 November, then $99
Get ProAn amount input with a currency button that opens a picker sheet, a numeric keypad on phones and formatting on blur, so amount and currency are chosen in one field. Use this when a phone form takes money in a currency the person chooses, such as a transfer or an expense.
Derived from this item’s props table, because it declares no controls of its own. This item has no standalone playground, so changes update the code, the share link and the AI prompt.
Use it when a phone form takes money in a currency the person chooses, such as a transfer or an expense.
Do not use it for a fixed-currency price (use a number input) or for large amounts that need a calculator.
This item is part of tealmac UI Pro
The source for this item installs with a Pro licence key. Log in with your key to see the install command, or read the Pro setup page.
| Prop | Type | Default | Description |
|---|---|---|---|
amount | string | required | The raw amount text. |
currency | string | required | Selected ISO currency code. |
currencies | string[] | USD, EUR, GBP, JPY | Allowed codes. |
onChange | (next: { amount: string; currency: string }) => void | required | Called when either part changes. |
inputMode="decimal") and the currency button names its value ("Currency, USD").The pattern ships with a Testing Library test (currency-amount-field.test.tsx) that drives it through roles and the keyboard.