Leve as pessoas à resposta certa mais rápido. Autocomplete filtra uma lista enquanto digitam, segue o padrão de teclado do combobox e pode carregar sugestões da sua própria fonte.
Por que ajuda
- Filtra enquanto se digita
- Grupos, modelos de opções e busca no servidor
- Suporte completo ao teclado
Onde se encaixa
- Busca de clientes e produtos
- Busca de endereços e cidades
- Sugestões de tags
Exemplo
<Autocomplete @bind-Value="_country" Items="_countries" Label="Country" Placeholder="Type to search" />
<span>Selected: @(_country ?? "none")</span>
@code {
private string? _country;
private readonly string[] _countries = ["Bulgaria", "Belgium", "Brazil", "Norway", "Sweden", "Denmark", "Finland", "Germany", "France", "Spain"];
}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.