# `PhiaUi.Components.VerticalNav`
[🔗](https://github.com/charlenopires/PhiaUI/blob/v0.1.17/lib/phia_ui/components/navigation/vertical_nav.ex#L1)

Vertical navigation component for sidebars and side panels.

Provides four components:

- `vertical_nav/1` — `<nav>` container
- `vertical_nav_item/1` — `<a>` or `<button>` item with icon and badge
- `vertical_nav_group/1` — collapsible `<details>` group with label
- `vertical_nav_separator/1` — `<hr>` with optional text label

# `vertical_nav`

## Attributes

* `class` (`:string`) - Defaults to `nil`.
* Global attributes are accepted.
## Slots

* `inner_block` (required)

# `vertical_nav_group`

## Attributes

* `label` (`:string`) (required)
* `open` (`:boolean`) - Defaults to `false`.
* `class` (`:string`) - Defaults to `nil`.
* Global attributes are accepted.
## Slots

* `icon`
* `inner_block` (required)

# `vertical_nav_item`

## Attributes

* `href` (`:string`) - Defaults to `nil`.
* `on_click` (`:string`) - Defaults to `nil`.
* `active` (`:boolean`) - Defaults to `false`.
* `disabled` (`:boolean`) - Defaults to `false`.
* `badge` (`:string`) - Defaults to `nil`.
* `class` (`:string`) - Defaults to `nil`.
* Global attributes are accepted.
## Slots

* `inner_block` (required)
* `icon`

# `vertical_nav_separator`

## Attributes

* `label` (`:string`) - Defaults to `nil`.
* `class` (`:string`) - Defaults to `nil`.
* Global attributes are accepted.

---

*Consult [api-reference.md](api-reference.md) for complete listing*