Numeric Production Mechanism

    @encoreskytech/ng-otp-input-box
    TypeScript icon, indicating that this package has built-in type declarations

    0.0.2 • Public • Published

    Installation

    npm install --save @encoreskytech/ng-otp-input-box
    

    Usage

    Add NgOtpInputBoxModule to imports app.module.ts something like

    import { AppComponent } from  './app.component';
    import { OtpInputBoxModule } from  '@encoreskytech/ng-otp-input-box';
    
        @NgModule({
        declarations: [AppComponent],
        imports: [OtpInputBoxModule]
        })
    

    Add component to your page:

    <ng-otp-input-box [otpLength]="6" [onlyNumber]="false" [upperCase]="true" [mask]="false" (onInputChange)="fetchOTPvalue($event)" ></ng-otp-input-box>
    

    API

    Name Type Required default Description
    otpLength Boolean false 6 Length of the otp
    onlyNumber Boolean false -- To allow only integer values
    upperCase Boolean false -- To make input field capitalize
    mask Boolean false -- To make input field as password
    onInputChange function true -- Function that will receive the otp

    Contributor

    Mahesh Soni

    Install

    npm i @encoreskytech/ng-otp-input-box

    DownloadsWeekly Downloads

    6

    Version

    0.0.2

    License

    none

    Unpacked Size

    71.9 kB

    Total Files

    18

    Last publish

    Collaborators

    • estbalveer
    • mesh.soni
    • vishal007
    • maheshpatidar