Hoppa till innehållet
LAYOUT · FREE

Fieldset

Gruppera relaterade fält under en tydlig rubrik.

Gruppera relaterade formulärkontroller under en förklaring. Disabled inaktiverar varje kontroll inuti.

Varför det hjälper

  • Förklaring för sammanhang
  • Inaktivera en hel grupp
  • Tillgänglig

Var det passar

  • Adresser
  • Preferenser
  • Betalningsuppgifter
Kontrollen Fieldset på en RayCraft-sida

Exempel

<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;
}

Ett kort utdrag. Lägg till @using RayCraft.Blazor.Components på din sida och använd ett interaktivt renderingsläge.

Ingår i RayCraft Free. Fungerande exempel finns i GitHub-arkiv (MIT); det innehåller exempel- och demokod, inte bibliotekets kod.

Alla kontroller ยท Dokumentation