Import
import { NuiOtp, NuiOtpInput } from '@needless-ui/angular/otp';NuiOtp
Zeichnet die Slots und umschließt das Eingabefeld.
| Name | Typ | Standardwert | Beschreibung |
|---|---|---|---|
lengthInput | number | 6 | Anzahl der Zeichen. |
patternInput | 'digits' | 'alphanumeric' | 'digits' | digits oder alphanumeric für Buchstaben und Ziffern. |
groupsInput | number[] | [] | Gruppengrößen, jeweils durch einen Trenner abgesetzt, etwa [3, 3]. |
maskedInput | boolean | false | Zeichnet Punkte statt der Zeichen. |
completedOutput | string | Emittiert den Code jedes Mal, wenn der letzte Slot gefüllt wird. |
NuiOtpInput
Das echte Eingabefeld. Es erhält die Attribute, die ein Einmalcode braucht.
| Name | Typ | Standardwert | Beschreibung |
|---|---|---|---|
webOtpInput | boolean | false | Füllt den Code über die WebOTP-API aus einer eingehenden SMS aus, sofern unterstützt. |