Needless UI

Vijenzi

Input ya OTP

Misimbo ya uthibitishaji katika visanduku tofauti, juu ya input moja halisi.

Kuingiza

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

NuiOtp

Huchora visanduku na kuizunguka input.

Kiteuzi
[nuiOtp]
JinaAinaChaguomsingiMaelezo
lengthInputnumber6Idadi ya herufi.
patternInput'digits' | 'alphanumeric''digits'digits, au alphanumeric kwa herufi na tarakimu.
groupsInputnumber[][]Ukubwa wa makundi, yakichorwa na kitenganishi kati yao, kama vile [3, 3].
maskedInputbooleanfalseHuchora vitone badala ya herufi.
completedOutputstringHutoa msimbo kila mara kisanduku cha mwisho kinapojazwa.

NuiOtpInput

Input halisi. Hupewa attribute zinazohitajika na msimbo wa matumizi ya mara moja.

Kiteuzi
input[nuiOtpInput]
JinaAinaChaguomsingiMaelezo
webOtpInputbooleanfalseHujaza msimbo kutoka kwenye SMS inayoingia kupitia API ya WebOTP, pale inapoauniwa.