A dumb CSS Grid skeleton with sidebar, topbar, and content regions. It has no opinion on what the sidebar or topbar contain — the elements passed in are responsible for their own `grid-area: sidebar` / `grid-area: topbar` placement (e.g. via `@behivetech/atoms.sidebar`).
Examples of v0.5.1 are shown as code; only the latest version runs live. Open the live examples →
Basic Sidebar Layout
1const BasicSidebarLayout = () => (2 <SidebarLayout sidebar={<nav>Sidebar</nav>} topbar={<header>Topbar</header>}>3 Page content4 </SidebarLayout>5);67render(<BasicSidebarLayout />);