Documentation

Layout Components

Primitives for page structure and navigation.

Architecture

Layout components follow a compound component pattern. The Shell provides slots for Sidebar and Content. Layouts compose these primitives for different contexts (Guest, App, Docs).

Composed Layouts

These primitives are composed into full layouts in components/layouts/:

GuestLayout

guest-layout.tsx

Header + content. For public pages.

AppLayout

app-layout.tsx

Sidebar + content. For app pages.

DocsLayout

docs-layout.tsx

Sidebar + content. For documentation.