IconNavItem
components/icon-nav/Item.vue
Left-sidebar nav link: an icon slot plus a collapsible bold label. Resolves its active state from the current route (matching basePath) and draws a grape underline when active.
Usage
<IconNavItem
title = "—"
:isExpanded = "true"
to = "—"
basePath = "—"
>
Content here
</IconNavItem>
Props
| Prop | Type | Default | Description |
|---|---|---|---|
| title | String | — | Label text shown beside the icon |
| isExpanded | Boolean | true | Reveals the label; when false only the icon shows |
| to | String | — | Route the item links to (nuxt-link target) |
| basePath | String | — | Path prefix matched against the current route to set the active state |
Slots
| Slot | Description |
|---|---|
| default | Icon area (28px-wide centered container) |