Gruppieren Sie zusammengehörige Formularelemente unter einer Legende. Disabled schaltet jedes Element darin ab.
Warum es hilft
- Legende für den Kontext
- Eine ganze Gruppe deaktivieren
- Barrierefrei
Wo es passt
- Adressen
- Einstellungen
- Zahlungsdaten
Beispiel
<Fieldset Legend="Contact details" Disabled="_locked">
<Stack Direction="StackDirection.Column">
<TextField @bind-Value="_name" Label="Name" />
<TextField @bind-Value="_email" Label="Email" Type="email" />
</Stack>
</Fieldset>
<Checkbox @bind-Value="_locked" Label="Disable the whole group" />
@code {
private string? _name = "Ada";
private string? _email;
private bool _locked;
}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.