Angular Custom OTP Input-Template
Custom otp-input template for Angular, it look likes otp-input template as mobile.
## Table of Contents
- [Installation](#installation)
- [Usage](#usage)
- [Options](#options)
- [Callback](#function)
- [Example](#example)
- [Issues](#issues)
- [Author](#author)
## Installation
**NPM**
```bash
npm i -S angular7-pincode
```
## Usage
Import `Angular7PincodeModule` in your module
```ts
import { Angular7PincodeModule } from 'angular7-pincode';
@NgModule({
imports: [
// ...
Angular7PincodeModule
]
})
```
In your template
```html
```
## Options
### directive inputs
- **[size]**: number
length of otp input, default `4`
- **[class]**: string
your custom class on otp input
- **[isOnlyNumeric]**: boolean
take only as numeric value if true, default `false`
### Callback functions
- **(onFullFill)**: function
return a otp string after all otp enter and return null on every backspace
## examples
### default settings
```html
```
```ts
onFullFill(data:any){
console.log(data)
}
```
### with size and custom class option
```html
```
```ts
onFullFill(data:any){
console.log(data)
}
```
### with option isOnlyNumeric
```html
```
```ts
onFullFill(data:any){
console.log(data)
}
```
## Issues
If you identify any errors in the library, or have an idea for an improvement, please open an [issue](https://github.com/skmahala/angular7-pincode/issues).
## Author
- Sunil Kumar [Github](https://github.com/skmahala)