<dile-dni-generator-input>

The user introduces their dni numbers and their related letter is automatically calculated.

Go to DEMOS page!

Installation

npm i dile-dni-generator-input

Usage

<script type="module">
  import 'dile-dni-generator-input/dile-dni-generator-input.js';
</script>

<dile-dni-generator-input></dile-dni-generator-input>

Properties

Styles

You can customize it using CSS Custom Properties.

Custom property | Description | Default ----------------|-------------|--------- --dile-dni-generator-input-label-padding | Padding for the label | 0.5em --dile-dni-generator-input-label-font-family | Font family for the label | Helvetica, sans-serif --dile-dni-generator-input-font-family | Font family for the label | Helvetica, sans-serif

Events

| Name | Description | Data | | -----| ----------- | ---- | | backspace-pressed | backspace key pressed| Object |

Testing with Karma

To run the suite of karma tests, run

npm run test

Demoing with Storybook

To run a local instance of Storybook for your component, run

npm run storybook

Local Demo with es-dev-server

npm start

To run a local development server that serves the basic demo located in demo/index.html