Container
Max-width wrapper with a consistent horizontal gutter. Five size presets — sm (640), md (780), lg (1080, default), xl (1280), full.
size = sm
size = md
size = lg
size = xl
Usage
import { Container } from '@bwo-ui/react';
<Container size="lg">
<Hero />
<FeatureGrid />
</Container>
// Custom gutter
<Container size="md" gutter={32}>
<Article />
</Container>Props
| Prop | Type | Default | Description |
|---|---|---|---|
size | 'sm' | 'md' | 'lg' | 'xl' | 'full' | 'lg' | Max-width preset. |
gutter | number | string | 24 | Inline padding. Number → px, string passes through. |
as | ElementType | 'div' | Tag to render — useful as a section or main. |