https://github.com/javadbat/jb-national-input

jb national id input
https://github.com/javadbat/jb-national-input

Last synced: 7 days ago
JSON representation

jb national id input

• Host: GitHub
• URL: https://github.com/javadbat/jb-national-input
• Owner: javadbat
• License: mit
• Created: 2022-09-11T11:53:43.000Z (over 2 years ago)
• Default Branch: main
• Last Pushed: 2024-11-14T09:46:05.000Z (about 1 month ago)
• Last Synced: 2024-12-12T23:26:41.805Z (10 days ago)
• Language: TypeScript
• Size: 19.5 KB
• Stars: 2
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md
  • License: LICENSE

Awesome Lists containing this project

README

        
# 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)  

## Installation

```bash

npm install --save jb-national-input

```

## Usage

```js

import 'jb-national-input';

```

```html

```

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-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/master/docs/component-list.md) for more components

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