At a glanceCopy Anchor Link

• Who: Teams scaffolding a consistent admin layout.
• What: Sidebar + topbar shell with page header (title, description, actions).
• Use when: As the frame of every admin page.
• Avoid when: For public marketing pages — use your site layout instead.
• See also: Group content in a card section

PreviewCopy Anchor Link

InstallCopy Anchor Link

pnpm add @zedtech/zedkit-ui

Latest: 0.3.0 (via changesets).

ExampleCopy Anchor Link

import { AppShell, PageHeader } from "@zedtech/zedkit-ui";
<AppShell sidebar={<OrgNav />} topbar={<UserMenu />}>
  <PageHeader title="Items" description="All items." />
</AppShell>

Wraps: none (theme tokens only)

PropsCopy Anchor Link