KasyKasy

Menu

Live preview and documentation for the Menu component.

Preview

componentPreview.loading

About

A floating panel with a list of contextual actions, presented with showKasyMenu or anchored to a trigger via KasyMenuAnchor. Supports labeled sections, selection, cascading submenus, and keyboard shortcuts.

  • sections: a list of KasyMenuSection (optional label, selectionMode, a list of KasyMenuItem). Use KasyMenu.items for a simple menu without sections.
  • selectionMode (per section): none (default, simple actions), single (radio dot on the selected item), or multiple (check on the selected item).
  • KasyMenuItem: title, optional description, icon, shortcut (shortcut chip) or custom trailing, tone (initial or danger), selected, enabled, submenu (opens a cascade on desktop / an inline accordion on mobile), closeOnSelect (overrides the menu's default per item).
  • density: compact (default, 36px/14px rows) or comfortable (larger rows for touch).
  • closeOnSelect: whether tapping an item closes the menu (default true).
  • presentation (on showKasyMenu/KasyMenuAnchor): popover (default, anchored to the trigger) or bottomSheet (slides up from the bottom).

Reuses the visual language of KasyDropDown (panel radius, item radius, 14px medium labels, selection check, "Danger zone" group).

Last updated on 08/23/2026

On this page