Main
Mark and arrange the primary content of a page.
Preview
Import
import { Main } from "@sigil-ui/components";Usage
<Main className="w-full"><h3>Project overview</h3><p>Your main content stays aligned with the page.</p></Main>Props
| Prop | Type | Default | Description |
|---|---|---|---|
maxWidth | string | — | Max Width configuration. |
center | boolean | — | Center configuration. |
Token integration
| CSS Variable | Purpose |
|---|---|
--s-content-max | Content max |
--s-page-margin | Page margin |