dile-input-money

This component extends from dile-input.

This component is customized to allow only to introduce money values, with cents. So, when the user introduces a value it is validated and formated.

Install

npm install @dile/dile-input

Usage

Import the component.

import '@dile/ui/components/input/input-money';

Use the component

<dile-input-money
  name="Price"
  label="Price"
></dile-input-money>

Properties

The same as dile-input and:

• decimalSeparator: introduces the decimal separator character. Default ".".

Custom style

By default, this input component aligns the input text to the right. if you want to align to the left you may use --dile-input-text-align CSS custom property.

dile-input-money demos

Regular input

<dile-input-money name="price" label="Price" placeholder="Price"></dile-input-money>

Decimal separator ","

<dile-input-money decimalSeparator="," name="price" label="Importe" placeholder="Introduce el importe" disableAutocomplete></dile-input-money>