Needless UI

Komponen

Input OTP

Kode verifikasi dalam slot terpisah, di atas satu input sungguhan.

Impor

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

NuiOtp

Menggambar slot dan membungkus input.

Selektor
[nuiOtp]
NamaTipeDefaultDeskripsi
lengthInputnumber6Jumlah karakter.
patternInput'digits' | 'alphanumeric''digits'digits, atau alphanumeric untuk huruf dan angka.
groupsInputnumber[][]Ukuran grup, dengan pemisah di antaranya, misalnya [3, 3].
maskedInputbooleanfalseMenampilkan titik alih-alih karakter.
completedOutputstringMengirimkan kode setiap kali slot terakhir terisi.

NuiOtpInput

Input yang sebenarnya. Mendapat atribut yang dibutuhkan kode sekali pakai.

Selektor
input[nuiOtpInput]
NamaTipeDefaultDeskripsi
webOtpInputbooleanfalseMengisi kode dari SMS yang masuk melalui WebOTP API, jika didukung.