Skip to main content

Type Alias: AppShellSidebarVariant

AppShellSidebarVariant = "permanent" | "temporary"

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

How the start sidebar occupies the frame. The axis is the reference systems' — MUI names exactly this distinction on its Drawer, and Chakra composes the same two shapes by hand — and it lives on the navigation region rather than on the shell, because that is the part whose behaviour changes.

  • permanent — a grid track beside the main region. The desktop shape.
  • temporary — no track: the sidebar lives in a Drawer reached from a trigger in the header row. The shape a viewport too narrow for a track needs, and the answer to a shell that would otherwise overflow.

Choosing between them is the app's call, not the shell's, which is how both references draw the line: the app knows its own breakpoints and whether a pointer is coarse; the shell knows neither.