Back to components
Dashboard component
Dashboard Shell
Scrollable dashboard layout with eyebrow + title + actions header, greeting strip, stats row.
Install
What it does
- Header with eyebrow, title, subtitle, and icon actions (with badges)
- Optional 'Welcome back, {name}' strip
- Slot for a horizontal stats row
- Pull-to-refresh built in
- Safe-area top inset
When to use
Use it
Any dashboard or home-screen layout that needs a consistent header pattern.
Skip it
Modal or full-bleed screens.
Files & routes added
- components/dashboard/dashboard-shell.tsx