KasyKasy

Menu

Viewer ao vivo e documentação do componente Menu.

Sobre

Painel flutuante com uma lista de ações contextuais, apresentado com showKasyMenu ou preso a um trigger via KasyMenuAnchor. Suporta seções com rótulo, seleção, submenu em cascata e atalho de teclado.

  • sections: lista de KasyMenuSection (rótulo opcional, selectionMode, lista de KasyMenuItem). Use KasyMenu.items para um menu simples sem seções.
  • selectionMode (por seção): none (padrão, ações simples), single (radio dot no item selecionado) ou multiple (check no item selecionado).
  • KasyMenuItem: title, description opcional, icon, shortcut (chip de atalho) ou trailing custom, tone (initial ou danger), selected, enabled, submenu (abre cascata no desktop / acordeão inline no mobile), closeOnSelect (sobrescreve o padrão do menu por item).
  • density: compact (padrão, linhas de 36px/14px) ou comfortable (linhas maiores para toque).
  • closeOnSelect: se o tap num item fecha o menu (padrão true).
  • presentation (em showKasyMenu/KasyMenuAnchor): popover (padrão, ancorado ao trigger) ou bottomSheet (desliza de baixo).

Reaproveita a linguagem visual do KasyDropDown (raio do painel, raio dos itens, labels 14px medium, check de seleção, grupo "Danger zone").

Preview

Carregando o componente…

Atualizado em 03/11/2026

Nesta página