Een gesegmenteerde besturing voor één keuze of meerdere. Gebruik het voor weergaveschakelaars en andere elkaar uitsluitende opties.
Waarom het helpt
- Eén of meer keuzes
- Compact en vertrouwd
- Toegankelijke rollen
Waar het past
- Lijst- of rasterweergave
- Tekstuitlijning
- Tijdsbereiken
Voorbeeld
<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" };
}Een kort fragment. Voeg @using RayCraft.Blazor.Components toe aan je pagina en gebruik een interactieve rendermodus.
Inbegrepen in RayCraft Free. Werkende voorbeelden staan in de GitHub-repository (MIT); het bevat voorbeeld- en democode, niet de code van de bibliotheek.