1.2.0 • Published 4 years ago
dile-dni-generator-input v1.2.0
\
The user introduces their dni numbers and their related letter is automatically calculated.
Go to DEMOS page!
Installation
npm i dile-dni-generator-inputUsage
<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 testDemoing with Storybook
To run a local instance of Storybook for your component, run
npm run storybookLocal Demo with es-dev-server
npm startTo run a local development server that serves the basic demo located in demo/index.html