Um controle segmentado para uma escolha ou várias. Use em seletores de visualização e outras opções que se excluem.
Por que ajuda
- Uma ou várias escolhas
- Compacto e familiar
- Papéis acessíveis
Onde se encaixa
- Visão em lista ou grade
- Alinhamento de texto
- Intervalos de tempo
Exemplo
<ToggleGroup TValue="string" Label="Alignment (one)" Items="_alignments" @bind-Value="_alignment" />
<ToggleGroup TValue="string" Label="Formatting (several)" Items="_styles" Multiple="true" @bind-Values="_selected" Size="Size.Small" />
<span>@_alignment; @string.Join(", ", _selected)</span>
@code {
private readonly string[] _alignments = ["Left", "Center", "Right"];
private readonly string[] _styles = ["Bold", "Italic", "Underline"];
private string _alignment = "Left";
private IReadOnlyCollection<string> _selected = new List<string> { "Bold" };
}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.