Currency Input

An amount field with a currency-symbol affix, formatting to thousands separators on blur.

$bunx shadcn@latest add @nx-ui/currency-input
Registry item
Installs withutils

Basic usage

Defaults to en-GB/GBP. Type a raw amount, then blur to see it format.

Other currencies and locales

Pass currency + locale to change the symbol and formatting.

Disabled and invalid

Standard disabled and aria-invalid treatments.

Gate fee — controlled

A controlled amount reported as a plain number in major units (never pence).

Charged at £1250.50 per delivered load.

Recycling centre charge sheet

Realistic gate fees across Nexus ReGen material streams, in GBP.

API reference

Exported parts and their props, extracted from the component source.

…extends CurrencyInputProps