HeroSection
A HeroSection component from the Sigil design system.
import { HeroSection } from "@sigil-ui/components";
<HeroSection>...</HeroSection>
| Prop | Type | Default | Description |
|---|
badge | ReactNode | — | — |
title | ReactNode | — | — |
description | ReactNode | — | — |
actions | HeroAction[] | — | — |
installCommand | string | — | — |
media | ReactNode | — | — |
align | `"left" | "center"` | — |
| CSS Variable | Purpose |
|---|
--s-hero-padding-y | Hero padding y |
--s-hero-min-height | Hero min height |
--s-content-max | Content max |
--s-hero-padding-x | Hero padding x |
--s-page-margin | Page margin |
--s-hero-badge-gap | Hero badge gap |
--s-font-display | Font display |
--s-heading-weight | Heading weight |
--s-hero-title-size | Hero title size |
--s-heading-tracking | Heading tracking |
--s-text | Text |
--s-hero-title-max-width | Hero title max width |