Currency Input

A specialized input component for monetary values with automatic currency formatting and locale support

USD Currency

$

Current value: $29.99

With Min/Max Limits

$

Range: $100.00 - $10,000.00

Different Currencies

€
£

Japanese Yen (No Decimals)

￥

JPY typically doesn't use decimal places

Custom Placeholder

$

Disabled State

$

In Form Context

$
$
CurrencyInput Component
tsx
1import React, { useState, useEffect } from "react";
2import { cn } from "@/lib/cn";
3

4interface CurrencyInputProps {
5  value?: number;
6  currency?: string;
7  locale?: string;
8  placeholder?: string;
9  disabled?: boolean;
10  min?: number;