Main
Semantic main content area with max-width constraint and auto centering.
Preview
Import
import { Main } from "@sigil-ui/components";Usage
<Main className="border border-dashed border-[var(--s-border)] p-6">Main content area</Main>Custom max-width
<Main maxWidth="800px">
Narrower content area
</Main>Disable centering
<Main center={false}>
Left-aligned main content
</Main>Props
| Prop | Type | Default | Description |
|---|---|---|---|
maxWidth | string | "var(--s-content-max, 1200px)" | Maximum width of the content area |
center | boolean | true | Center the element with auto margins |
className | string | — | Additional CSS classes |