Shell

AppShell

Full-window header / sidebar / main / footer scaffold. Compose-style — pass any of the four region snippets and the grid auto-adapts.

Examples

Main scrollable region.

<AppShell>
  {#snippet header()}<Toolbar>...</Toolbar>{/snippet}
  {#snippet sidebar()}<Sidebar>...</Sidebar>{/snippet}
  Main content
</AppShell>

Prop	Type	Default	Description
`sidebarSide`	`'left' \| 'right'`	`'left'`	Which side the sidebar pins to.
`sidebarWidth`	`string`	`'240px'`	CSS length for the sidebar column.
`headerHeight`	`string`	`'40px'`	CSS length for the top header.
`header`	`Snippet`	`—`	Top region (typically <Toolbar /> or <TitleBar />).
`sidebar`	`Snippet`	`—`	Side region (typically <Sidebar />).
`footer`	`Snippet`	`—`	Bottom region (status bar, etc.).
`children`	`Snippet`	`—`	Main scrollable content.

CLI

npx @a3tai/mittsu add app-shell