https://github.com/polydile/dile-dni-generator-input
The user introduces their dni numbers and their related letter is automatically calculated.
https://github.com/polydile/dile-dni-generator-input
Last synced: 3 months ago
JSON representation
The user introduces their dni numbers and their related letter is automatically calculated.
- Host: GitHub
- URL: https://github.com/polydile/dile-dni-generator-input
- Owner: Polydile
- License: mit
- Created: 2020-09-01T19:19:28.000Z (almost 6 years ago)
- Default Branch: master
- Last Pushed: 2020-09-05T11:20:52.000Z (almost 6 years ago)
- Last Synced: 2024-04-24T07:23:45.820Z (about 2 years ago)
- Language: JavaScript
- Size: 85.9 KB
- Stars: 0
- Watchers: 3
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
- License: LICENSE
Awesome Lists containing this project
README
# \
The user introduces their dni numbers and their related letter is automatically calculated.
Go to [DEMOS page](https://dile-dni-generator-input.polydile.com)!
## Installation
```bash
npm i dile-dni-generator-input
```
## Usage
```html
import 'dile-dni-generator-input/dile-dni-generator-input.js';
```
## 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
```bash
npm run test
```
## Demoing with Storybook
To run a local instance of Storybook for your component, run
```bash
npm run storybook
```
## Local Demo with `es-dev-server`
```bash
npm start
```
To run a local development server that serves the basic demo located in `demo/index.html`