PageShell
Full-page layout shell with header, main, sidebar, and footer slots.
Basic
Header
Main content area — fills remaining vertical space.
With Sidebar
App
Main content with sidebar layout.
Sub-components
| Prop | Type | Default | Description |
|---|---|---|---|
| PageShell | div | — | Root wrapper. Sets min-h-screen and flex-col for sticky footer. |
| PageShellHeader | header | — | Sticky header with backdrop blur and bottom border. |
| PageShellMain | main | — | Flex-1 main content area that fills available space. |
| PageShellFooter | footer | — | Footer with top border, pinned to bottom. |
| PageShellSidebar | aside | — | Fixed-width sidebar, hidden below md breakpoint. |