← Templates
Minimal frame
Checkout, a focused single-task flow — a logo header and nothing else.
The barest frame: a sidebar-less AppShell with a logo-only header above the main region. Setting sidebar={false} drops the nav rail entirely and the shell becomes a plain column, keeping the user's attention on one task. Reach for this on checkout and other focused flows where navigation would only be a distraction.
- AppShell
- sidebar=false — no nav rail, a plain column
- AppShellBody
- the column
- AppShellHeader
- logo only
- AppShellMain
- the focused task
<AppShell sidebar={false} height="auto">
<AppShellBody>
<AppShellHeader>
<Logo />
</AppShellHeader>
<AppShellMain>{children}</AppShellMain>
</AppShellBody>
</AppShell>Built from app-shell