---
url: /api/renderers/web-components/src/variables/sideNavBar.md
---
[pantoken-root](../../../../index.md) / [renderers/web-components/src](../index.md) / sideNavBar

# Variable: sideNavBar

> `const` **sideNavBar**: [`ElementDefinition`](../interfaces/ElementDefinition.md)

Alpha

`<instui-side-nav-bar>` — the styled shell of a vertical navigation rail. `minimized="true"` adds
the `-minimized` modifier (collapsed rail); the consumer slots the nav items.

## Example

```html
<instui-side-nav-bar>
  <a href="/dashboard">Dashboard</a>
  <a href="/courses">Courses</a>
</instui-side-nav-bar>
```