Container
Max-width wrapper that centers page content with responsive padding.
Preview
Import
import { Container } from "@sigil-ui/components";Usage
<Container>
<p>Content constrained to the default max-width.</p>
</Container>Size variants
<Container size="narrow">Narrow (680px)</Container>
<Container size="default">Default (1200px)</Container>
<Container size="wide">Wide (1400px)</Container>Disable centering
<Container center={false}>
Left-aligned container
</Container>Props
| Prop | Type | Default | Description |
|---|---|---|---|
size | "narrow" | "default" | "wide" | "default" | Max-width variant |
center | boolean | true | Center the container with auto margins |
className | string | — | Additional CSS classes |