/dile-dni-generator-input

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

Primary LanguageJavaScriptMIT LicenseMIT

<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