AppShell

AppShell(props): Element

Defined in: packages/ui/src/components/app-shell.tsx:25

Base application layout with sidebar navigation, header, and content area.

Delegates rendering to the UI plugin’s appShell slot. Compose with AppShellSidebar (AppShell.Sidebar) and AppShellHeader (AppShell.Header) for a complete layout.

Parameters

props

AppShellProps

See AppShellProps.

Returns

Element

Example

<AppShell
  sidebar={<AppShell.Sidebar items={navigationItems} />}
  header={<AppShell.Header userMenu={<UserMenu />} />}
>
  {children}
</AppShell>