CurrencyInput

Stripe CurrencyField

An underline money field with the currency symbol on the digits' baseline. While typing it keeps exactly what was typed; on leaving it groups the digits (“1,50,000.00”), so the caret never jumps. The value is a plain number string.

pnpm add @zikzuk/ui

import { CurrencyInput } from "@zikzuk/ui";

An amount

Amount

Value: 150000

When to use

Any amount someone types: a top-up, a limit.

Props

Prop	Type	Description
value / onChange	string / (value) => void	The plain number string, e.g. "150000.5".
currency	string Default `"INR"`	Picks the symbol and grouping.
…input props	InputHTMLAttributes	id, name, disabled, aria-invalid…
className	string	Extra classes on the outer element.