NavVerticalItem
components/nav/VerticalItem.vue
Single vertical-nav link. Renders a <nuxt-link> (to), an external <a> (href), or plain slotted content, with a prop-driven active state and small/medium size variants.
components/nav/VerticalItem.vue
Usage
<NavVerticalItem
to = "—"
href = "—"
target = "_self"
:active = "false"
size = "medium"
:sub = "sub"
>
Content here
</NavVerticalItem>
Props
| Prop | Type | Default | Description |
|---|---|---|---|
| to | String | — | Internal route — renders a <nuxt-link> |
| href | String | — | External URL — renders an <a> (used when no `to`) |
| target | String | '_self' | Anchor target for href links |
| active | Boolean | false | Highlights the link as the current page (caller-controlled) |
| size | String | 'medium' | 'medium' (text-15) or 'small' (text-13) |
| sub | Boolean | undefined | Sub-item treatment (italic, tighter rows; weight/size/gap from the enclosing NavVerticalSubmenu, med 13 / 1px outside one). Unset inherits from an enclosing NavVerticalSubmenu; true/false forces it |
Slots
| Slot | Description |
|---|---|
| default | Link label |