Hopp til innholdet
LAYOUT · FREE

Fieldset

Grupper beslektede felt under en tydelig overskrift.

Grupper beslektede skjemakontroller under en forklaring. Disabled deaktiverer hver kontroll inni.

Hvorfor det hjelper

  • Forklaring for sammenheng
  • Deaktiver en hel gruppe
  • Tilgjengelig

Hvor det passer

  • Adresser
  • Preferanser
  • Betalingsopplysninger
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 utdrag. Legg til @using RayCraft.Blazor.Components på siden din, og bruk en interaktiv gjengivelsesmodus.

Inkludert i RayCraft Free. Fungerende eksempler finnes i GitHub-arkiv (MIT); det inneholder eksempel- og demokode, ikke bibliotekets kode.

Alle kontroller ยท Dokumentasjon