Section Heading
Pair a section title with supporting text.
Preview
Import
import { SectionHeading } from "@sigil-ui/components";Usage
<SectionHeading title="Features" description="Everything you need to build modern interfaces." />Props
| Prop | Type | Default | Description |
|---|---|---|---|
label | string | — | Readable label for the component. |
title (required) | ReactNode | — | Heading displayed in the component. |
description | ReactNode | — | Supporting text below the heading. |
align | "left" | "center" | — | Align configuration. |
Token integration
| CSS Variable | Purpose |
|---|---|
--s-font-mono | Font mono |
--s-primary | Primary |
--s-font-display | Font display |
--s-heading-weight | Heading weight |
--s-heading-tracking | Heading tracking |
--s-text | Text |
--s-typography-size-base | Typography size base |
--s-text-muted | Text muted |