Input OTP

A one-time-password box input.

import { BuiInputOtp } from 'ng-blatui';

<bui-input-otp [(value)]="code" [maxlength]="6" />

Four digits

<bui-input-otp [maxlength]="4" ariaLabel="4-digit code" />

<bui-input-otp [maxlength]="6" [alphanumeric]="true" />

<bui-input-otp [value]="'123'" [maxlength]="6" [disabled]="true" />

<!-- groupSize inserts a separator every N boxes -->
<bui-input-otp [(value)]="otp" [maxlength]="6" [groupSize]="3" />