# Sidebar

A nested side-navigation surface with active-link styling and optional small-screen collapse behavior.

## Notes

- Use Sidebar for local navigation, docs tables of contents, or settings sections.
- The collapsible mode is intentionally simple and coordinates with Drawer for richer mobile navigation.

## Properties

| Name | Type | Default | Description |
| ---- | ---- | ------- | ----------- |
| items | `SidebarItem[]` | - | Navigation items. |
| activeHref | `string` | - | Href to mark current. |
| label | `string` | 'Sidebar navigation' | Navigation label. |
| collapsible | `boolean` | false | Enable mobile collapse button. |
| class | `string` | - | Additional CSS classes. |

## Example

```astro
<Sidebar activeHref="/components" items={[{ label: "Components", href: "/components" }]} />
```