Componentes

SectionHeader

Compone un badge opcional, un título display y un subtítulo para secciones de página.

Alineado a la izquierda

Fundación

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

Vitrina

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

PropTipoPredeterminadoDescripción
badgestring—Etiqueta tipo píldora pequeña renderizada sobre el título.
titlestring—Título de sección renderizado como encabezado.
subtitlestring—Texto de apoyo opcional debajo del título.
centeredbooleanfalseCentra el contenido del encabezado horizontalmente.
gradientTitlebooleanfalseAplica el efecto de texto en degradado de marca al título.