Back to Beekeeper Studio

Menu Item API

apps/ui-kit/docs/api/menu-item.md

5.7.23.7 KB
Original Source

Menu Item API

For examples and usage details, visit Context Menu page.

Overview

The MenuItem type defines the structure of items in a menu, including labels, handlers, shortcuts, and additional properties such as checkboxes and dividers.

Standard Menu Item

PropertyTypeDescriptionDefault
label<sup>required</sup>string | { html: string }Menu item label, can be plain text or HTML. Please only use raw html if you trust the source.
handler<sup>required</sup>functionFunction executed when item is clicked
idstringUnique identifierundefined
classstringCSS class for stylingundefined
shortcutstring | string[]Keyboard shortcutundefined
disabledbooleanWhether the item is disabledfalse
itemsMenuItem[]Submenu itemsundefined
keepOpenbooleanKeeps menu open after clickingfalse

Checkbox Menu Item

When checked is defined, the item becomes a checkbox item.

PropertyTypeDescriptionDefault
label<sup>required</sup>string | { html: string }Menu item label
handler<sup>required</sup>functionFunction executed when item is clicked
checked<sup>required</sup>booleanCheckbox state
idstringUnique identifierundefined
classstringCSS class for stylingundefined
shortcutstring | string[]Keyboard shortcutundefined
disabledbooleanWhether the item is disabledfalse
itemsMenuItem[] | DividerItem[]Submenu itemsundefined
keepOpenbooleanKeeps menu open after clickingfalse

Divider

PropertyTypeDescriptionDefault
type<sup>required</sup>'divider'Creates a visual separator