Hjälp folk att välja ett bättre lösenord i stället för att bara avvisa ett svagt. PasswordStrength visar fyra staplar, ett ord och listan över de regler lösenordet redan uppfyller.
Varför det hjälper
- Tydlig återkoppling om styrka
- Visar vilka regler som är uppfyllda
- Fungerar bredvid vilket lösenordsfält som helst
Var det passar
- Registreringsformulär
- Sidor för byte av lösenord
- Skapande av användare av administratörer
Exempel
<TextField @bind-Value="_password" Label="Password" Type="password" />
<PasswordStrength Password="@_password" MinLength="10" />
@code {
private string? _password;
}Ett kort utdrag. Lägg till @using RayCraft.Blazor.Components på din sida och använd ett interaktivt renderingsläge.
Ingår i RayCraft Free. Fungerande exempel finns i GitHub-arkiv (MIT); det innehåller exempel- och demokod, inte bibliotekets kod.