Large Text Section
Give a short statement a prominent place in the page.
Preview
Import
import { LargeTextSection } from "@sigil-ui/components";Usage
<LargeTextSection
text="Token-driven design system for the agent era."
/>Props
| Prop | Type | Default | Description |
|---|---|---|---|
text (required) | ReactNode | — | Text configuration. |
align | "left" | "center" | — | Align configuration. |
Token integration
| CSS Variable | Purpose |
|---|---|
--s-section-py-lg | Section py lg |
--s-content-max | Content max |
--s-page-margin | Page margin |
--s-font-display | Font display |
--s-heading-weight | Heading weight |
--s-heading-tracking | Heading tracking |
--s-text | Text |
--s-primary | Primary |