Panel

Sección con header (título + acciones) y body.

Sección con header y acciones

Vista previa

Ventas del mes

Resumen de ingresos

Acá va el contenido del panel: una tabla, un gráfico, lo que sea.

<Panel
  title="Ventas del mes"
  description="Resumen de ingresos"
  actions={<Button size="sm" variant="outline">Exportar</Button>}
>
  <Table … />            {/* o usa bodyClassName="p-0" para full-bleed */}
</Panel>

Comparación de temas

El mismo componente bajo distintos modos y marcas. No cambia el componente — solo los tokens (CSS variables) del contenedor.

Legacy · claro

Ventas del mes

Resumen de ingresos

Acá va el contenido del panel: una tabla, un gráfico, lo que sea.

Editorial · claro

Ventas del mes

Resumen de ingresos

Acá va el contenido del panel: una tabla, un gráfico, lo que sea.

Technical · oscuro

Ventas del mes

Resumen de ingresos

Acá va el contenido del panel: una tabla, un gráfico, lo que sea.

Warm · claro

Ventas del mes

Resumen de ingresos

Acá va el contenido del panel: una tabla, un gráfico, lo que sea.

Playful · claro

Ventas del mes

Resumen de ingresos

Acá va el contenido del panel: una tabla, un gráfico, lo que sea.