# kol-nav

<!-- Auto Generated Below -->


## Overview

The **Nav** component renders a group of related links or navigation elements that perform an action or display content when clicked.
It provides a highly configurable vertical or horizontal navigation bar that can represent multiple levels and vary in width.

## Properties

| Property                | Attribute                  | Description                                                                                                                                | Type                                              | Default     |
| ----------------------- | -------------------------- | ------------------------------------------------------------------------------------------------------------------------------------------ | ------------------------------------------------- | ----------- |
| `_collapsible`          | `_collapsible`             | Defines if navigation nodes can be collapsed or not. Enabled by default.                                                                   | `boolean \| undefined`                            | `true`      |
| `_hasCompactButton`     | `_has-compact-button`      | Creates a button below the navigation, that toggles _collapsible.                                                                          | `boolean \| undefined`                            | `false`     |
| `_hasIconsWhenExpanded` | `_has-icons-when-expanded` | Shows icons next to the navigation item labels, even when the navigation is not collapsed.                                                 | `boolean \| undefined`                            | `false`     |
| `_hideLabel`            | `_hide-label`              | Hides the caption by default and displays the caption text with a tooltip when the interactive element is focused or the mouse is over it. | `boolean \| undefined`                            | `false`     |
| `_label` _(required)_   | `_label`                   | Defines the visible or semantic label of the component (e.g. aria-label, label, headline, caption, summary, etc.).                         | `string`                                          | `undefined` |
| `_links` _(required)_   | `_links`                   | Defines the list of links, buttons or texts to render.                                                                                     | `ButtonOrLinkOrTextWithChildrenProps[] \| string` | `undefined` |


----------------------------------------------


