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).

Surface Shells

These primitives are composed into shells colocated with each surface in app/(surface)/_surface/:

WebShell

app/(web)/_surface/

Header + content. For public pages.

AppShell

app/(app)/_surface/

Sidebar + content. For app pages.

DocsShell

app/(docs)/_surface/

Sidebar + content. For documentation.

SlidesShell

app/(present)/_surface/

Full-screen slides. For presentations.