LoginForm

Ett färdigt inloggningsformulär med vänlig validering. Det ger dig de inmatade värdena och lämnar själva autentiseringen åt dig.

Varför det hjälper

• Färdigt att använda
• Lokaliserad validering
• Du styr autentiseringen

Var det passar

• Inloggning i applikationen
• Administrationsområden
• Portaler

Exempel

<LoginForm OnSubmit="OnSubmit" ErrorMessage="@_error" Busy="_busy">
    <Footer><Link Href="components/registerform">Create an account</Link></Footer>
</LoginForm>
<p>@_result</p>

@code {
    private string? _error;
    private string _result = "";
    private bool _busy;

    private async Task OnSubmit(LoginModel model)
    {
        _busy = true;
        await Task.Delay(500);
        _busy = false;
        _error = model.Password == "secret" ? null : "Wrong user name or password. Try the password \"secret\".";
        _result = _error is null ? $"Signed in as {model.UserName}" : "";
    }
}

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.

Alla kontroller · Dokumentation