Naar de inhoud
LAY-OUT · FREE

Fieldset

Groepeer verwante velden onder een duidelijke kop.

Groepeer verwante formulierbesturingen onder een legenda. Disabled schakelt elke besturing erin uit.

Waarom het helpt

  • Legenda voor context
  • Een hele groep uitschakelen
  • Toegankelijk

Waar het past

  • Adressen
  • Voorkeuren
  • Betaalgegevens
Het besturingselement Fieldset op een RayCraft-pagina

Voorbeeld

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

Een kort fragment. Voeg @using RayCraft.Blazor.Components toe aan je pagina en gebruik een interactieve rendermodus.

Inbegrepen in RayCraft Free. Werkende voorbeelden staan in de GitHub-repository (MIT); het bevat voorbeeld- en democode, niet de code van de bibliotheek.

Alle besturingselementen ยท Documentatie