Saltar al contenido
DISEÑO · FREE

Panel

Una sección con título que puede contraerse y llevar sus propias acciones.

Una sección con título que puede contraerse y llevar sus propias acciones en el encabezado.

Por qué ayuda

  • Botón de contraer
  • Acciones de encabezado
  • Con título

Dónde encaja

  • Secciones de ajustes
  • Filtros
  • Paneles
El control Panel en una página de RayCraft

Ejemplo

<Panel Title="Always open">Plain panel content.</Panel>
<Panel Title="Collapsible" Collapsible="true" @bind-Expanded="_open">
    <Actions><Button Variant="Variant.Text" Size="Size.Small" StartIcon="IconName.Refresh">Refresh</Button></Actions>
    <ChildContent>Content that can be collapsed.</ChildContent>
</Panel>
<span>Expanded: @_open</span>

@code {
    private bool _open = true;
}

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