DashboardShell
DASHBOARDFull dashboard layout with collapsible sidebar, user info, and responsive design.
[EXAMPLES]
Usage
DashboardShell is a full-page layout. See code example for usage.
[PROPS]
| PROP | TYPE | DEFAULT | DESCRIPTION |
|---|---|---|---|
| sidebarItems | { id: string; label: string; href: string; icon?: ReactNode }[] | — | Sidebar navigation items |
| user | { name: string; tier?: string } | — | User info for sidebar footer |
| onSignOut | () => void | — | Sign out callback |
| logo | ReactNode | — | Logo element in sidebar header |
[ACCESSIBILITY]
KEYBOARD SHORTCUTS
| KEY | ACTION |
|---|---|
| Tab | Navigate sidebar items |
ARIA
- >nav element for sidebar
- >Semantic landmarks for layout regions