Ir para o conteúdo
LAYOUT · FREE

Fieldset

Agrupe campos relacionados sob um título claro.

Agrupe controles de formulário relacionados sob uma legenda. Disabled desliga todos os controles dentro dele.

Por que ajuda

  • Legenda para contexto
  • Desativar um grupo inteiro
  • Acessível

Onde se encaixa

  • Endereços
  • Preferências
  • Dados de pagamento
O controle Fieldset em uma página do RayCraft

Exemplo

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

Um pequeno trecho. Adicione @using RayCraft.Blazor.Components à sua página e use um modo de renderização interativo.

Incluído no RayCraft Free. Há exemplos funcionais no repositório do GitHub (MIT); ele contém código de exemplo e demonstração, não o código da biblioteca.

Todos os controles ยท Documentação