# jb-national-input
jb national id input(کد ملی) with proper validation
superset component on [jb-input](https://github.com/javadbat/jb-input) , just for national id number with extra filter and ready to use validator
کامپوننت ورود کد ملی    

Demo in Codepen: [jb-national-input](https://codepen.io/javadbat/pen/PorNxOw)  

## using with JS frameworks

to use this component in **react** see [`jb-national-input/react`](https://github.com/javadbat/jb-national-input/tree/main/react);

## Installation
```bash
npm install --save jb-national-input
```

## Usage

```js

import 'jb-national-input';

```
```html
<jb-national-input></jb-national-input>
```
to learn more information about this component and how to customize it like events, styling,... just read [jb-input](https://github.com/javadbat/jb-input)

## styling
all styles come from jb-input except `--jb-national-input-input-direction` this may be set if you want your input to be rtl (not recommended).

## Other Related Docs:

- see [`jb-national-input/react`](https://github.com/javadbat/jb-national-input/tree/main/react) if you want to use this component as a react component.

- see [All JB Design system Component List](https://github.com/javadbat/design-system/blob/main/docs/component-list.md) for more components

- use [Contribution Guide](https://github.com/javadbat/design-system/blob/main/docs/contribution-guide.md) if you want to contribute in this component.