Skip to main content

Layout

The layout module ships the full Xocialive portal shell. All layout components are exported from @xocialive/ui-components/layout (or the default barrel).

Components

ComponentDescription
LayoutRoot shell — composes Header + Sidebar + page content area
HeaderTop navigation bar with logo, user menu, language toggle, and theme switcher
SidebarCollapsible side navigation driven by a route config array
PageListViewStandard list page wrapper (search, actions bar, data container)
PageItemViewStandard detail/form page wrapper
PageListHeaderHeader section for list pages
PageItemHeaderHeader section for detail/form pages

Import

import { Layout, Header, Sidebar, PageListView, PageItemView } from "@xocialive/ui-components/layout";

Storybook

📖 Storybook