OtpInput
FreeEin Kasten pro Zeichen für Bestätigungscodes. Das Tippen springt zum nächsten Kasten, die Rücktaste zum vorherigen, und ein eingefügter Code füllt alle Kästen.
Beispiel
Parameter
| Parameter | Typ | Beschreibung |
|---|---|---|
Class | string | Zusätzliche CSS-Klassen, die dem Wurzelelement hinzugefügt werden. |
Disabled | bool | Deaktiviert die Interaktion. |
Label | string | Sichtbarer Beschriftungstext (Diagramme: zugänglicher Name; IconButton: zugänglicher Name und QuickInfo). |
Length | int | Anzahl der Kästen. |
Mask | bool | Blendet die getippten Zeichen aus. |
Numeric | bool | Akzeptiert nur Ziffern (Standard true). |
Style | string | Inline-Stil, der dem Wurzelelement hinzugefügt wird. |
Value | string | Aktueller Wert. Verwenden Sie es mit @bind-Value. |
Ereignisse
| Ereignis | Typ | Beschreibung |
|---|---|---|
Completed | EventCallback<string> | Wird mit dem vollständigen Code ausgelöst, wenn jeder Kasten gefüllt ist. |
ValueChanged | EventCallback<string> | Wird ausgelöst, wenn sich der Wert ändert. |
Paket
OtpInput gehört zu RayCraft Free. Paket: RayCraft.Blazor. Es stammt von nuget.org. Siehe Erste Schritte.
Feedback sendenVersion 1.0.3