Et tydelig valg fra en kort liste. Bruk en liste av elementer for enkle tilfeller, eller enkeltstående radioknapper når hvert alternativ trenger eget innhold.
Hvorfor det hjelper
- Ett valg, tydelig vist
- Enkle eller egne alternativer
- Tilgjengelig gruppe
Hvor det passer
- Fraktmåter
- Ja, nei, kanskje
- Planvalg
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 utdrag. Legg til @using RayCraft.Blazor.Components på siden din, og bruk en interaktiv gjengivelsesmodus.
Inkludert i RayCraft Free. Fungerende eksempler finnes i GitHub-arkiv (MIT); det inneholder eksempel- og demokode, ikke bibliotekets kode.