ContentHero
Page-level hero with variant styles, alignment options, optional badge, and action slot.
Props
| Prop | Type | Default | Description |
|---|---|---|---|
| title | string | — | Hero heading (required) |
| description | string | — | Subtitle text |
| badge | string | — | Badge label above title |
| variant | 'default' | 'gradient' | 'minimal' | 'default' | Visual style |
| align | 'left' | 'center' | 'center' | Text alignment |
Variants
variant="default"
Default Hero
Standard hero with default styling.
variant="gradient"
Gradient Hero
Hero with gradient background.
variant="minimal"
Minimal Hero
Compact hero for sub-sections.
Alignment
align="center" (default)
Centered Hero
Text centered within the hero.
align="left"
Left-aligned Hero
Text aligned to the left.
With badge
badge="New Feature"
New Feature
Hero with Badge
A badge label appears above the title.
With actions
actions slot
Hero with Actions
Action buttons appear below the description.
Combined
gradient + left + badge + actions
Featured
Full Hero
Every option combined in a gradient, left-aligned hero.