Menu

AlpopMenu é uma lista de navegação vertical. Clicar em um item emite select.

Passe collapsed para exibir apenas os ícones: o rótulo de cada item vira um title (tooltip nativo). O botão que alterna esse estado fica no host; use o botão abaixo para experimentar.

alpop-menu(:items="items", :collapsed="collapsed", @select="onSelect")

const items = [
  { key: "home", label: "Início", icon: "house", active: true },
  { key: "contracts", label: "Contratos", icon: "fileText" }
]

Itens

Cada item: { key, label, icon, active }.

Props

Prop	Tipo	Padrão	Descrição
items	Array	[]	Itens { key, label, icon, active }
collapsed	Boolean	false	Exibe apenas os ícones, com o rótulo no title

Eventos

Evento	Payload	Descrição
select	item	Emitido ao clicar em um item