A caixa de texto sobre a qual seus formulários são construídos. TextField funciona com EditForm e anotações de dados, mostra a mensagem de erro logo abaixo do campo e cobre uma linha, texto de várias linhas, um contador de caracteres e mostrar a senha.
Por que ajuda
- Mensagens de validação embutidas
- Opções de várias linhas, contador e senha
- Rótulos e textos de ajuda incluídos
Onde se encaixa
- Formulários de login e perfil
- Comentários e descrições
- Campos de busca e filtro
Exemplo
<TextField @bind-Value="_name" Label="Name" Placeholder="Your name" HelperText="@($"Hello, {_name}")" />
<TextField @bind-Value="_password" Label="Password" Type="password" />
@code {
private string? _name;
private string? _password;
}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.