Theme: Smoke
Theme: Smoke
System

Currency input

An amount of money, never a float

A currency input holds an amount as a decimal string, so a cent is never lost. It reads the locale’s own marks and a pasted amount in any convention, groups the digits once the reader moves on, and places the currency where the locale writes it.

Currencies and locales

$
€
¥
KWD

States

$
$
$

Enter an amount above zero.

$
tsx
// From the npm package
import { CurrencyInput } from 'rift-ds/components/CurrencyInput/CurrencyInput';

// Or as source you own, via the shadcn CLI
npx shadcn@latest add https://rift-ds.com/r/currency-input.json