Skip to main content

Function: AppShell()

AppShell(__namedParameters): Element

Defined in: components/AppShell/AppShell.tsx:340

The application-frame primitive — a full-viewport header + sidebars + main.

Entity = Structure. Wrap the whole app in an AppShell to get the standard "header over navigator | main | inspector" frame without hand-rolling a grid: pass any of header, sidebar, aside, and the main content as children. The frame fills the viewport, each region scrolls on its own, and the main region always takes the remaining width. Sidebar widths come from a named scale — there is no raw track template.

Parameters​

ParameterType
__namedParametersAppShellProps

Returns​

Element

Example​

<AppShell
  header={<Toolbar>…</Toolbar>}
  sidebar={<Navigator />}
  aside={<Inspector />}
>
  <MainStage />
</AppShell>