Quando todas as opções devem ficar à vista, ListBox as mostra como uma lista sempre visível para uma escolha ou várias.
Por que ajuda
- Tudo visível de uma vez
- Uma ou várias escolhas
- Simples e rápida de percorrer
Onde se encaixa
- Listas curtas de opções
- Painéis laterais de seleção
- Páginas de configurações
Exemplo
<ListBox TValue="string" Label="Single choice" Items="_cities" @bind-Value="_city" />
<ListBox TValue="string" Label="Several choices" Items="_cities" Multiple="true" @bind-Values="_visited" />
<span>City: @_city. Visited: @(_visited.Count == 0 ? "none" : string.Join(", ", _visited))</span>
@code {
private readonly string[] _cities = ["Sofia", "Plovdiv", "Varna", "Burgas", "Ruse"];
private string? _city = "Sofia";
private IReadOnlyCollection<string> _visited = new List<string>();
}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.