<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
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
es-dev-server
Local Demo with npm start
To run a local development server that serves the basic demo located in demo/index.html