Container
Container Component
Playground
Contained content
Props
| Prop | Type | Default | Value |
|---|---|---|---|
| maxWidth | selectsm | md | lg | xl | full | — | |
| disableGutters | boolean | — |
Default
Contained content
Small
Small container (sm)
Large
Large container (lg)
NoGutters
Container with no horizontal gutters
| PROP | TYPE | DEFAULT | DESCRIPTION |
|---|---|---|---|
disableGutters | boolean | — | Remove horizontal padding |
maxWidth | select | — | Maximum width |
Using Containertsx
import { Container } from '@/components/Container'
<Container
maxWidth="..."
disableGutters="..."
/>Tokens Used
No design tokens detected