Saltar al contenido
DISEÑO · FREE

Fieldset

Agrupa campos relacionados bajo un encabezado claro.

Agrupa controles de formulario relacionados bajo una leyenda. Disabled desactiva todos los controles de su interior.

Por qué ayuda

  • Leyenda para dar contexto
  • Desactivar un grupo entero
  • Accesible

Dónde encaja

  • Direcciones
  • Preferencias
  • Datos de pago
El control Fieldset en una página de RayCraft

Ejemplo

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

Un breve fragmento. Añade @using RayCraft.Blazor.Components a tu página y usa un modo de renderizado interactivo.

Incluido en RayCraft Free. Hay ejemplos que funcionan en el repositorio de GitHub (MIT); contiene código de ejemplo y demostración, no el código de la biblioteca.

Todos los controles ยท Documentación