❤
npm
Sign UpSign In

dile-dni-generator-input

1.2.0 • Public • Published

<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

Readme

Keywords

Package Sidebar

Install

npm i dile-dni-generator-input

Repository

github.com/Polydile/dile-dni-generator-input

Homepage

dile-dni-generator-input.polydile.com

Weekly Downloads

29

Version

1.2.0

License

MIT

Unpacked Size

16.8 kB

Total Files

14

Last publish

Collaborators

  • vadocondes
Try on RunKit
Report malware