SvVerificationCode

Table of Contents

• Live Demo

• Installation

• Options

• Usage

• Example

• Author

• Contact

Demo

✨ Angular Shortcode ✨

Installation

Install with NPM

npm i sv-verification-code

Options

| Name | Type | Default Value |Description | | --------------------- |:---------------:|:--------------:|------------| | required | boolean | true | | digitOnly | boolean | true | | autofocus | boolean | true | | numberOfDigit | number | 5 | | @Output() enter | number | | | @Output() verifyText | number | |

Usage

Import SvVerificationCodeModule in your app

import { SvVerificationCodeModule } from 'sv-verification-code';

@NgModule({
  imports: [
    ...
      SvVerificationCodeModule
  ],
  ...
})
export class AppModule { }

Example

<sv-verification-code
  [required]="true"
  [digitOnly]="true"
  [autofocus]="true"
  [numberOfDigit]="5"
  (enter)="verifyText($event)"
  (verifyText)="verifyText($event)">
</sv-verification-code>

verifyText(event): void {
  console.log('output result', event);
}

Author

Mehdi Sadeghian Samira Vahidi

Contact

github

• Angular Shortcode
• Mehdi Sadeghian
• Samira Vahidi

linedIn

• Mehdi Sadeghian
• Samira Vahidi

twitter