Currency Input

Locale-aware amount field. The control value is a number | null. While focused the field shows a raw editable number; on blur it formats with the currency’s fraction digits. Do not nest this inside base-input-group — it is a composite control.

freenew

USD and EUR

Bind with ngModel like any other CVA control.

Installation

Run the following command to add this component to your project:

npx base-ui-cli add currency-input

npx -y base-ui-mcp

// Install: npx base-ui-cli add currency-input
// Paths are relative to aliases.components (default: src/app/components)
import { CurrencyInputComponent } from './currency-input/currency-input.component';

@Component({
  selector: 'app-your-component',
  imports: [
    CurrencyInputComponent
  ],
  template: `...`
})
export class YourComponent {}