Organisms

Component

AppShell

Page wrapper for the application. It holds the background, layout with a sidebar column, and scrolling (the main area scrolls, not the sidebar). Variants: boxed and canvas.

API

variant: boxed (default) or canvas. sidebar: any sidebar component (typically Sidebar).

Composition (example)

AppShell + Sidebar (inline/drawer) is our foundation for application and documentation layouts.

Canvas content area