TheLayout

TheLayout - компонент для задания шаблона страниц

Props

Статус показа лайвбара в мобильной версии (sm-lg)

Растяжение контента на всю ширину с наличием сайдбаров

Величина верхнего отступа для мобильного лайвбара

bp	side-bar	default	live-bar
xxlg<	`365px`	`1000px`	`365px`
xxlg-xxxlg	`minmax(315px, 365px)`	`880px`	`minmax(315px, 365px)`
xlg-xxlg	`minmax(290px, 315px)`	`800px`	`minmax(290px, 315px)`
lg-xlg	`290px`	`880px`	`365px*`
md-lg	`290px`	`800px`	`365px*`
sm-md	`none`	`700px`	`365px*`
<sm	`none`	`100%`	`none`

Breakpoints

{
  "xxxlg": 1840,
  "xxlg": 1600,
  "xlg": 1470,
  "lg": 1300,
  "md": 1220,
  "sm": 768,
  "xs": 480,
  "xxs": 400
}

* - live-bar отделяется от шаблона и раскрывается с position: fixed, ширина контента как при xxlg<

Центральный слот для контента

Слот левой колонки

Слот правой колонки

Если слот не указан, лайвбар в мобильной версии будет отключен