Container
A page container with main and aside regions.
Compose Container.Main, Container.LeftAside, and Container.RightAside; size controls width.
Live example
Main content
Example controls
Usage
import { Container } from '@prosazhin/pbcomponents';
<Container size='full'>
<Container.LeftAside>Left Aside</Container.LeftAside>
<Container.Main>Container</Container.Main>
<Container.RightAside>Right Aside</Container.RightAside>
</Container>;Component API
Compound parts: Container.LeftAside, Container.Main, Container.RightAside.
| Prop | Type / variants | Purpose | Default |
|---|---|---|---|
size | 'full' | 'm' | 's'full · m · s | Maximum container width. | full |
children | ReactNode | Compound parts LeftAside, Main and RightAside. | — |
className | string | Class of the root element. | — |
wrapperClassName | string | Class of the outer wrapper. | — |
Native HTML attributes are accepted where the component renders the corresponding element. className props only affect styling.