Skip to content
LAYOUT · FREE

Fieldset

Group related fields under a clear heading.

Group related form controls under a legend. Disabled turns off every control inside it.

Why it helps

  • Legend for context
  • Disable a whole group
  • Accessible

Where it fits

  • Addresses
  • Preferences
  • Payment details
Fieldset control in a RayCraft page

Example

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

A short fragment. Add @using RayCraft.Blazor.Components to your page and use an interactive render mode.

Included in RayCraft Free. Working examples are in the GitHub repository (MIT); it holds example and demo code, not the library code.

All controls ยท Documentation