Eén duidelijke keuze uit een korte lijst. Gebruik een lijst met items voor simpele gevallen, of losse radio's wanneer elke optie eigen inhoud nodig heeft.
Waarom het helpt
- Eén keuze, duidelijk getoond
- Eenvoudige of eigen opties
- Toegankelijke groep
Waar het past
- Verzendmethode
- Ja, nee, misschien
- Planselectie
Voorbeeld
<RadioGroup @bind-Value="_plan" Label="Plan" Items="_plans" HelperText="Billed monthly." />
<RadioGroup @bind-Value="_size" Label="Size (row, with Radio children)" Direction="StackDirection.Row">
<Radio Value="Size.Small" Label="Small" />
<Radio Value="Size.Medium" Label="Medium" />
<Radio Value="Size.Large" Label="Large" />
</RadioGroup>
<span>Plan: @_plan, size: @_size</span>
@code {
private readonly string[] _plans = ["Free", "Team", "Enterprise"];
private string _plan = "Team";
private Size _size = Size.Medium;
}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.