ayo/lion

Thomas Allmer 396deb2e3b feat: finalize validation and adopt it everywhere

Co-authored-by: Alex Ghiu <alex.ghiu@ing.com>
Co-authored-by: Gerjan van Geest <Gerjan.van.Geest@ing.com>
Co-authored-by: Thijs Louisse <Thijs.Louisse@ing.com>
Co-authored-by: Joren Broekema <joren.broekema@ing.com>
Co-authored-by: Erik Kroes <erik.kroes@ing.com>

2019-11-18 15:30:08 +01:00

1.1 KiB

Raw Blame History

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

How to use

Installation

npm i --save @lion/input-amount

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

// validator import example
import { Required, MinNumber } from '@lion/validate';

Example

<lion-input-amount
  name="amount"
  currency="USD"
  .validators="${[new Required(), new MinNumber(100)]}"
></lion-input-amount>