Input Amount

lion-input-amount component is based on the generic text input field. Its purpose is to provide a way for users to fill in an amount.

Features

based on lion-input
makes use of formatNumber for formatting and parsing.
option to show currency as a suffix
option to override locale to change the formatting and parsing
option to provide additional format options overrides
default label in different languages
can make use of number specific validators with corresponding error messages in different languages
- isNumber (default)
- minNumber
- maxNumber
- minMaxNumber

npm i --save @lion/input-amount

import '@lion/input-amount/lion-input-amount.js';

// validator import example
import { minNumberValidator } from '@lion/validate';

<lion-input-amount
  name="amount"
  currency="USD"
  .errorValidators="${[['required'], minNumberValidator(100)]}"
></lion-input-amount>