❤
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

/dile-dni-generator-input/

    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

    15

    Version

    1.2.0

    License

    MIT

    Unpacked Size

    16.8 kB

    Total Files

    14

    Last publish

    Collaborators

    • vadocondes
    Try on RunKit
    Report malware