vael-ui v0.3.10

Navigation & Menus

MenuList

The same row rendering as Menu, but always in-flow, built for a permanent sidebar nav.

Install

import { MenuList } from 'vael-ui'

Playground

import { MenuList } from 'vael-ui'

<MenuList :items="items">MenuList</MenuList>

Props

NameTypeDefaultDescription
itemsreadonly MenuEntry<T>[] | undefinedSame shape as `Menu`'s own `items` — a `MenuList` and a `Menu` can share one array.
activestring | number | null | undefinedThe current page's `value` — renders `aria-current="page"` on the matching row.
uiPartial<{ root: UiPartValue; item: UiPartValue; separator: UiPartValue; }> | undefined

Slots

NameTypeDescription
item{ item: T; isGroup: boolean; }Override one row's content while keeping its behavior. Fires for selectable rows and group labels alike — `isGroup` tells which: a `true` row is inert (its own `items` rendered as children beneath it, not a click target) rather than selectable.

Events

NameTypeDescription
select[item: T]

Exposed

NameTypeDescription
elunknownType inference unavailable — vue-component-meta cannot resolve defineExpose on this generic component.