Eine klare Wahl aus einer kurzen Liste. Nutzen Sie eine Liste von Einträgen für einfache Fälle oder einzelne Radios, wenn jede Option eigenen Inhalt braucht.
Warum es hilft
- Eine Wahl, klar angezeigt
- Einfache oder eigene Optionen
- Barrierefreie Gruppe
Wo es passt
- Versandart
- Ja, nein, vielleicht
- Planauswahl
Beispiel
<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;
}Ein kurzes Fragment. Fügen Sie @using RayCraft.Blazor.Components zu Ihrer Seite hinzu und nutzen Sie einen interaktiven Render-Modus.
In RayCraft Free enthalten. Funktionierende Beispiele finden Sie im GitHub-Repository (MIT); es enthält Beispiel- und Democode, nicht den Code der Bibliothek.