Ét tydeligt valg fra en kort liste. Brug en liste af elementer til simple tilfælde, eller enkelte radioer, når hver mulighed har brug for sit eget indhold.
Hvorfor det hjælper
- Ét valg, tydeligt vist
- Simple eller tilpassede valgmuligheder
- Tilgængelig gruppe
Hvor det passer
- Forsendelsesmetode
- Ja, nej, måske
- Valg af plan
Eksempel
<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;
}Et kort uddrag. Tilføj @using RayCraft.Blazor.Components til din side, og brug en interaktiv gengivelsestilstand.
Inkluderet i RayCraft Free. Fungerende eksempler findes i GitHub-lager (MIT); det indeholder eksempel- og demokode, ikke bibliotekets kode.