Help mensen een beter wachtwoord te kiezen in plaats van een zwak wachtwoord alleen af te wijzen. PasswordStrength toont vier balken, een woord en de lijst met regels waaraan het wachtwoord al voldoet.
Waarom het helpt
- Duidelijke feedback over de sterkte
- Toont welke regels zijn gehaald
- Werkt naast elk wachtwoordveld
Waar het past
- Registratieformulieren
- Pagina's om het wachtwoord te wijzigen
- Gebruikers aanmaken door beheerders
Voorbeeld
<TextField @bind-Value="_password" Label="Password" Type="password" />
<PasswordStrength Password="@_password" MinLength="10" />
@code {
private string? _password;
}Een kort fragment. Voeg @using RayCraft.Blazor.Components toe aan je pagina en gebruik een interactieve rendermodus.
Inbegrepen in RayCraft Free. Werkende voorbeelden staan in de GitHub-repository (MIT); het bevat voorbeeld- en democode, niet de code van de bibliotheek.