Angular Shortcode

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