App

Оболочка приложения

Шапка
Основной контент

Управление видимостью через useC3Layout

layoutHeaderShow = true

Входные параметры

ИмяТипПо умолчаниюОписание

Компонент App не принимает props. Видимость секций оболочки (шапки, навигации, боковой панели и подвала) управляется глобальным состоянием useC3Layout().

Описание

Компонент App — корневая оболочка приложения (page shell). Он позиционирует верхнюю панель, боковую навигацию, основной контент, боковую панель и нижний колонтитул в рамках семантической структуры документа. Секции шапки, навигации, панели и подвала рендерятся условно — на основе флагов layoutHeaderShow, layoutNavBarShow, layoutSidePanelShow и layoutFooterShow из состояния useC3Layout().

Используйте App как высокоуровневую оболочку страницы, когда нужно собрать все зоны каркаса вместе. Для управления видимостью секций применяйте composable useC3Layout() либо пропсы соседнего контейнера C3Layout.

Дополнительная информация

Компонент предоставляет следующие слоты:

  • header — содержимое верхней панели (по умолчанию скрыто, пока layoutHeaderShow не равен true);
  • nav — содержимое боковой навигации (по умолчанию скрыто, пока layoutNavBarShow не равен true);
  • default — основное содержимое страницы, рендерится в <main>;
  • panel — содержимое боковой панели (по умолчанию скрыто, пока layoutSidePanelShow не равен true);
  • footer — содержимое нижнего колонтитула (по умолчанию скрыто, пока layoutFooterShow не равен true).

Компонент работает совместно с контейнером раскладки C3Layout, который служит обёрткой page shell и предоставляет слоты header, nav, sidePanel, footer и default. Управление состояниями обеих сущностей выполняет один общий composable useC3Layout().

×