Container
Контейнер страницы с основным содержимым и боковыми областями.
Соберите Container.Main, Container.LeftAside, Container.RightAside; size ограничивает ширину.
Живой пример
Основное содержимое
Настройки примера
Использование
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>;API компонента
Составные части: Container.LeftAside, Container.Main, Container.RightAside.
| Prop | Тип / варианты | Назначение | По умолчанию |
|---|---|---|---|
size | 'full' | 'm' | 's'full · m · s | Максимальная ширина контейнера. | full |
children | ReactNode | Составные части LeftAside, Main и RightAside. | — |
className | string | Класс корневого элемента. | — |
wrapperClassName | string | Класс внешней обёртки. | — |
Нативные HTML-атрибуты поддерживаются там, где компонент рендерит соответствующий элемент. Параметры className управляют только оформлением.