Patterns

Layouts

Composition primitives for full application shells and pages. Compose PageLayout inside AppShell for typical dashboard routes.

PageLayout

Header row with optional back button, breadcrumbs, and headerRight slot.

Overview

Any page body can live inside PageLayout.

Activity

Compose with ActivityLog, Timeline, DataTable, etc.

AppShell wraps the whole application (Sidebar + main). See the /components layout — this template's shell is a lightweight version of AppShell.

AppShell, DetailLayout, and TableLayout are all exported from @/design-system. Use them directly in your prototype routes.