Um formulário de login pronto com validação amigável. Dá a você os valores digitados e deixa a autenticação de fato por sua conta.
Por que ajuda
- Pronto para usar
- Validação localizada
- Você controla a autenticação
Onde se encaixa
- Login do aplicativo
- Áreas administrativas
- Portais
Exemplo
<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}" : "";
}
}Um pequeno trecho. Adicione @using RayCraft.Blazor.Components à sua página e use um modo de renderização interativo.
Incluído no RayCraft Free. Há exemplos funcionais no repositório do GitHub (MIT); ele contém código de exemplo e demonstração, não o código da biblioteca.