Gå til indholdet
LAYOUT · FREE

Fieldset

Gruppér beslægtede felter under en tydelig overskrift.

Gruppér beslægtede formularkontroller under en forklaring. Disabled deaktiverer alle kontroller indeni.

Hvorfor det hjælper

  • Forklaring til kontekst
  • Deaktivér en hel gruppe
  • Tilgængelig

Hvor det passer

  • Adresser
  • Præferencer
  • Betalingsoplysninger
Kontrollen Fieldset på en RayCraft-side

Eksempel

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

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.

Alle kontroller ยท Dokumentation