Hero
A Hero component from the Sigil design system.
import { Hero } from "@sigil-ui/components";
<Hero>Hero content</Hero>
| Prop | Type | Default | Description |
|---|
title | ReactNode | — | Headline text. |
description | ReactNode | — | Supporting description text. |
actions | HeroAction[] | — | CTA action buttons. |
| CSS Variable | Purpose |
|---|
--s-primary | Primary |
--s-primary-contrast | Primary contrast |
--s-primary-hover | Primary hover |
--s-shadow-sm | Shadow sm |
--s-surface | Surface |
--s-text | Text |
--s-border | Border |
--s-surface-elevated | Surface elevated |
--s-hero-padding-y | Hero padding y |
--s-hero-padding-x | Hero padding x |
--s-page-margin | Page margin |
--s-hero-min-height | Hero min height |