Currency Input

Currency Input lets users enter and edit currency. It uses the library vue-currency-input. It also uses the Input component for API compatibility and design consistency.

Currency Input expects a string as modelValue and will always emit a number with two decimal places as a string.

Basic Usage

Transfer amount

value: 543.21

<CurrencyInput label="Transfer amount" v-model="amount" />

Hide Dollar Sign

You can hide the dollar sign by setting the hidePrepend prop to true.

Transfer amount

<CurrencyInput label="Transfer amount" v-model="amount" hide-prepend />

API

See the documentation below for a complete reference to all the props and classes available to the components mentioned here.

• CurrencyInput