Currency Input

Displays a form input field for currency values.

Source code

Click here to see the source code for this component on GitHub. Feel free to copy it and adjust it for your own use.

Installation

npx ui-thing@latest add currency-input

Adding this component will also install the vue-currency-input package.

Usage

Default Configuration

The default configuration for the currency input component is as follows:

{
  "currency": "USD",
  "locale": "en-US",
  "hideCurrencySymbolOnFocus": false,
  "hideGroupingSeparatorOnFocus": false
}

Basic

Options

You can change the configuration by passing the options prop.

Form