componente · @solu30/ui-kit/display
SectionHeader
El componente, montado
Cargando el componente del paquete instalado…
Cargando el chunk del paquete instalado…
De dónde se importa
import { SectionHeader } from '@solu30/ui-kit/display'Props
| Prop | Requerida | Tipo | Qué hace |
|---|---|---|---|
| icon | opcional | React.ComponentType<{ | — |
| className | opcional | string | — |
| title | sí | string | — |
| badge | opcional | React.ReactNode | — |
| description | opcional | string | — |
| action | opcional | React.ReactNode | — |
| className | opcional | string | — |
| size | opcional | "default" | "hero" | `'default'` (current, unchanged) | `'hero'` (top-of-page, larger). Default `'default'`. |
| as | opcional | "h1" | "h2" | "h3" | Heading level for the title element. Default `'h2'` (matches prior render). |
| children | opcional | ReactNode | Free-form content below `description` — the fork's use case (summary blocks, secondary actions) that doesn't fit `action`. Only rendered when provided; does not affect `default` size layout. |