DashboardShell

Dashboard

Client-side shell managing command menu and notification panel state.

Install

npx bouncekit@latest add dashboardshell

Import

import { DashboardShell } from "@/components/dashboard/dashboard-shell"

import { DashboardShell } from "@/components/dashboard/dashboard-shell"

<DashboardShell
  sidebar={<Sidebar sections={sections} />}
  topbar={<Topbar title="Dashboard" />}
>
  {children}
</DashboardShell>

API Reference

Prop	Type	Required	Description
`sidebar`	`ReactNode`	yes	Left sidebar content.
`topbar`	`ReactNode`	—	Top bar rendered above the main area.
`children`	`ReactNode`	yes	Main page content.

Source

src/components/dashboard/dashboard-shell.tsx

Components/Dashboard/DashboardShell