Skip to content

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

value: 543.21

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

API

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