Needless UI

Komponen

Input OTP

Kode verifikasi ing slot-slot kapisah, ing siji input sing asli.

Import

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

NuiOtp

Nggambar slot lan mbungkus input.

Selector
[nuiOtp]
JenengJinisGawanKatrangan
lengthInputnumber6Cacahe karakter.
patternInput'digits' | 'alphanumeric''digits'digits, utawa alphanumeric kanggo aksara lan angka.
groupsInputnumber[][]Ukuran klompok, kanthi pamisah sing digambar ing antarane, kayata [3, 3].
maskedInputbooleanfalseNggambar titik tinimbang karakter.
completedOutputstringNgetokake kode saben slot pungkasan kebak.

NuiOtpInput

Input sing asli. Oleh attribute sing dibutuhake kode sepisan pakai.

Selector
input[nuiOtpInput]
JenengJinisGawanKatrangan
webOtpInputbooleanfalseNgisi kode saka SMS sing mlebu lumantar API WebOTP, yen didhukung.