SectionHeader
Compone un badge opcional, un título display y un subtítulo para secciones de página.
Alineado a la izquierda
Título alineado a la izquierda
Alineación predeterminada — el badge, el título y el subtítulo se alinean al borde izquierdo.
Centrado con título en degradado
Título en degradado centrado
centered más gradientTitle para encabezados de sección estilo hero.
Sin badge ni subtítulo
Solo título
Uso
<SectionHeader
badge="Components"
title="Section Header"
subtitle="Badge, title and subtitle for page sections."
/>
<SectionHeader
badge="Centered"
title="Centered title"
subtitle="Aligned to the center for hero-style sections."
centered
gradientTitle
/>Props
| Prop | Tipo | Predeterminado | Descripción |
|---|---|---|---|
badge | string | — | Etiqueta tipo píldora pequeña renderizada sobre el título. |
title | string | — | Título de sección renderizado como encabezado. |
subtitle | string | — | Texto de apoyo opcional debajo del título. |
centered | boolean | false | Centra el contenido del encabezado horizontalmente. |
gradientTitle | boolean | false | Aplica el efecto de texto en degradado de marca al título. |