Sidebar Layout
v0.4.0A 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`).
Edit the code and the preview updates as you type. Every registry export is in scope — SidebarLayout from this package, plus React hooks and every other component in the registry.
const BasicSidebarLayout = () => ( <SidebarLayout sidebar={<nav>Sidebar</nav>} topbar={<header>Topbar</header>}> Page content </SidebarLayout> ); render(<BasicSidebarLayout />);