SelectableMenuList

Choose wisely.

Example

Props

🕹️ standard props
collapsed
boolean
Determines if the menu is collapsed
false
items
MenuItem[]
List of menu items
[]
selected
string | number
Currently selected item
undefined
🎨 style props
--selectable-menu-list-divider-background-color
color
Background color of the divider
rgb(var(--global-color-background-500))
--selectable-menu-list-divider-height
size
Height of the divider
1px
--selectable-menu-list-icon-gap
size
Spacing between icon and label
10px
--selectable-menu-list-spacing
size
Spacing between menu items
1.5rem
--selectable-menu-list-selected-color
color
Text color of the selected item
rgb(var(--global-color-primary-400))
--selectable-menu-list-margin-block-start
size
Top margin of the menu
1rem
--selectable-menu-list-margin-block-end
size
Bottom margin of the menu
1rem

Slots

No data available

Events

onselect

Triggered when a menu item is selected

Attribute	Type	Description
item	Item	The selected menu item