Stacked Layout

App shell with only a top navbar — no persistent sidebar. StackedLayout takes a navbar prop and a sidebar prop (the sidebar is shown as a mobile drawer).

Minimal usage

<StackedLayout
  navbar={<Navbar>{/* desktop + mobile top bar */}</Navbar>}
  sidebar={<Sidebar>{/* mobile drawer only */}</Sidebar>}
>
  {children}
</StackedLayout>

When to use

Pick StackedLayout for content-heavy apps and marketing shells. Pick SidebarLayout for dashboards with deep navigation.

Theme