@mutt/widget-financial

Mutt Forms Widget - Financial

Mutt Forms Vue widget for entering a currency value

Field Options

The financial widget accepts the following options:

option	type	description	default
min	String	The minimum number allowed	'0'
max	String	The maximum number allowed	null
step	String	The default increment when using the up/down keys	'1'
currencySymbol	String	HTML encoded currency symbol	'£'
currencyStart	Boolean	When true the currency symbol is placed to the left of the input field. When false it is placed to the right	true

Complete Example

The following example sets the min and max to 0 and 2500 respectively, the step to 10, the currency symbol to the Euro, and the currency position to the right of the input.

value: {
  label: null,
  max: '2500',
  min: '0',
  step: '10',
  natural: {
    allowZero: true,
    prefix: 'I paid €',
    suffix: '.',
    title: 'How much did you pay?',
    trigger: '',
  },
  currencySymbol: '€',
  currencyStart: false,
  widget: 'naturalfinancial',
},