Needless UI

Components

OTP input

Lambobin tabbatarwa a cikin akwatuna dabam-dabam, a kan filin shigarwa na gaske guda ɗaya.

Shigo da shi

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

NuiOtp

Yana zana akwatunan kuma yana kewaye filin.

Selector
[nuiOtp]
SunaIriNa asaliBayani
lengthInputnumber6Adadin haruffa.
patternInput'digits' | 'alphanumeric''digits'digits, ko alphanumeric don haruffa da lambobi.
groupsInputnumber[][]Girman rukunoni, da mai rabewa a tsakaninsu, kamar [3, 3].
maskedInputbooleanfalseYana zana ɗigo a maimakon haruffan.
completedOutputstringYana fitar da lambar duk lokacin da aka cike akwati na ƙarshe.

NuiOtpInput

Filin na gaske. Yana samun attributes da lambar amfani sau ɗaya ke buƙata.

Selector
input[nuiOtpInput]
SunaIriNa asaliBayani
webOtpInputbooleanfalseYana cike lambar daga SMS mai shigowa ta WebOTP API, inda ake tallafa masa.