OTP 入力の API · Needless UI

インポート

import-otp.ts

import { NuiOtp, NuiOtpInput } from '@needless-ui/angular/otp';

マスを描画し、入力を包みます。

NuiOtp: プロパティ
名前	型	デフォルト	説明
`length`入力	`number`	`6`	文字数。
`pattern`入力	`'digits' \| 'alphanumeric'`	`'digits'`	`digits`、または英字と数字を受け付ける `alphanumeric`。
`groups`入力	`number[]`	`[]`	グループごとの文字数。グループの間には区切りが描画されます。たとえば `[3, 3]`。
`masked`入力	`boolean`	`false`	文字の代わりにドットを表示します。
`completed`出力	`string`		最後のマスが埋まるたびに、コードを出力します。

実体となる入力。ワンタイムコードに必要な属性が設定されます。

NuiOtpInput: プロパティ
名前	型	デフォルト	説明
`webOtp`入力	`boolean`	`false`	対応環境では、WebOTP API を使って受信した SMS からコードを入力します。