RayCraftDocs
v1.0.3
nl
raycraft.dev
Op deze pagina

OtpInput

Free

Eén vak per teken voor verificatiecodes. Typen gaat naar het volgende vak, Backspace naar het vorige en een geplakte code vult alle vakken.

Voorbeeld

Besturingselement OtpInput

Parameters

ParameterTypeBeschrijving
ClassstringExtra CSS-klassen die aan het hoofdelement worden toegevoegd.
DisabledboolSchakelt interactie uit.
LabelstringZichtbare labeltekst (grafieken: toegankelijke naam; IconButton: toegankelijke naam en knopinfo).
LengthintAantal vakken.
MaskboolVerbergt de getypte tekens.
NumericboolAccepteert alleen cijfers (standaard true).
StylestringInline stijl die aan het hoofdelement wordt toegevoegd.
ValuestringHuidige waarde. Gebruik met @bind-Value.

Gebeurtenissen

GebeurtenisTypeBeschrijving
CompletedEventCallback<string>Geactiveerd met de volledige code wanneer elk vak is gevuld.
ValueChangedEventCallback<string>Geactiveerd wanneer de waarde verandert.

Pakket

OtpInput maakt deel uit van RayCraft Free. Pakket: RayCraft.Blazor. Het komt van nuget.org. Zie Aan de slag.