Dashboard blocks

DashboardShell

Assembles a Sidebar and TopBar around your page content with proper scrolling, sizing, and overflow.

Full shell

Dashboard

All systems green. 5 tasks due today.

⌘K

Active tasks

Across 6 projects

+12%vs last week

Completed

128

Last 30 days

+8%vs last week

Overdue

Needs attention

-3%vs last week

Hours tracked

164h

This week

+2%vs last week

<DashboardShell
  sidebar={<Sidebar items={nav} activeId='dashboard' />}
  topBar={<TopBar title='Dashboard' user={user} />}
>
  {/* your page content */}
</DashboardShell>