# XWUINavSidebar

Sidebar navigation component

## Basic Usage

A left-aligned sidebar rendered from a menu items array with icons, a nested group, and a divider.

```example
file: examples/BasicUsage.ts
html: examples/BasicUsage.html
title: Basic Usage
description: A left-aligned sidebar rendered from a menu items array with icons, a nested group, and a divider.
```

## Collapsible

A collapsible sidebar that can shrink to an icon-only rail to reclaim screen space.

```example
file: examples/Collapsible.ts
html: examples/Collapsible.html
title: Collapsible
description: A collapsible sidebar that can shrink to an icon-only rail to reclaim screen space.
```

## With Header & Footer

A sidebar with header branding and a footer action surrounding the navigation items.

```example
file: examples/WithHeaderFooter.ts
html: examples/WithHeaderFooter.html
title: With Header & Footer
description: A sidebar with header branding and a footer action surrounding the navigation items.
```

## Admin Console (block 5)

A collapsible block-5 admin sidebar with icon items, a nested Settings group, a divider, and header/footer slots.

```example
file: examples/AdminConsole.ts
html: examples/AdminConsole.html
title: Admin Console
description: A collapsible block-5 admin sidebar with icon items, a nested Settings group, a divider, and header/footer slots.
```

## Right Properties (block 4)

A right-docked block-4 sidebar used as a properties inspector panel.

```example
file: examples/RightProperties.ts
html: examples/RightProperties.html
title: Right Properties
description: A right-docked block-4 sidebar used as a properties inspector panel.
```

```api
```