Sidebar Layout

Use Case: App shell with persistent sidebar navigation and main content area.

Key Features: Sidebar nav with sections, main content area, button links, grid cards, table

::: layout {.sidebar-main}

::: sidebar

:folder: **Projects**

#### Workspace
[[Overview](./overview.html)]*
[[Projects](./projects.html)]
[[Tasks](./tasks.html)]
[[Calendar](./calendar.html)]

#### Team
[[Members](./members.html)]
[[Roles](./roles.html)]
[[Activity](./activity.html)]

#### Settings
[[General](./settings.html)]
[[Billing](./billing.html)]
[[Integrations](./integrations.html)]

---

[[+ New Project](./new-project.html)]*

:::

::: main

## Overview

A summary of your workspace activity and open tasks.

::: grid-3 card

### :check: Tasks Done
**48** this week

### :clock: In Progress
**12** open

### :bell: Upcoming
**5** due today

:::

## Recent Projects

| Project | Owner | Status | Due Date | Progress |
|---------|-------|--------|----------|----------|
| Website Redesign | Alice M. | In Progress | Dec 15 | 64% |
| Mobile App v2 | Bob K. | In Progress | Jan 10 | 31% |
| API Migration | Clara T. | Review | Dec 20 | 88% |
| Design System | Dan W. | Planning | Feb 1 | 12% |

[[View All Projects →](./projects.html)]

:::

:::