Frontend✓ Verifiedintermediate

Build a Dashboard Layout

Create a responsive dashboard with sidebar, header, and content area

by saasuji0 copies0 views

claude codecursorcopilotreacttailwindtypescript

Prompt

Build a dashboard layout for {{APPLICATION}}:

Layout requirements:
1. Fixed sidebar with navigation (collapsible on mobile)
2. Top header with search, notifications, user menu
3. Main content area with breadcrumbs
4. Right sidebar for quick actions (optional)
5. Responsive: sidebar becomes drawer on mobile
6. Dark/light theme support
7. Keyboard navigation support

Provide:
- Layout component with flex/grid
- Sidebar component (collapsible)
- Header component
- Breadcrumb component
- Responsive breakpoint handling
- Theme toggle integration
- Keyboard navigation hooks
- Accessibility attributes

Use Case

Building admin dashboards

dashboardlayoutsidebarresponsive