Skip to content
← 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