components

Currency Input

Display currency amount

Source CodeReact Currency Input Field

Installation

pnpm dlx radianui@latest add currency-input

Usage

Imports

/components/ui/currency-input.tsx
import { CurrencyInput } from "@/components/ui/currency-input"

Code

/components/ui/currency-input.tsx
<CurrencyInput placeholder="Enter Currency Amount" />

Examples

With Prefix

Custom Group Separators

Custom Decimal Separators

Decimal Limit

No Decimal

Step

Max Value

Intl Locale Config

With Input Wrapper

$USD
€EUR
£GBP
₹INR

With Input Group

$
USD
€
EUR
£
GBP
₹
INR

With Select and Custom Prefix

$

The currency-input is built on top of react-currency-input-field with Input. For more details, refer to the official documentation.

Props

<CurrencyInput>
NameDefaultValues
External Reference--