Menu List
#

The VaMenuList component is used to display structured information in selectable list format.

See

Examples
#

To show menu items you can use options prop:

You can also use slot and VaMenuItem component to achieve better flexibility.

You can use icon and rightIcon properties in options or left-icon and right-icon slots in VaMenuItem component.

You can use group property in options or VaMenuGroup component.

You can use VaDivider component in pair with VaMenuItem components.

Name	Description	Types	Default
disabledBy	Specify the key in the object to be used as item `disabled` prop. Can be string (path to the key) or function of type: `(option) => option.disabled`	`String \| Function`	`"disabled"`
groupBy	When `options` prop items are an objects, this key will be used to check correct option group	`String \| Function`	`"group"`
options	Available options that the user can select from	`Array`	`[]`
textBy	When `options` prop items are an objects, this key will be used as displayed text. Can be string (path to the key) or function of type: `(option) => option.text`	`String \| Function`	`"text"`
trackBy	When `options` prop items are an objects, this key will be used to track selected `options`. Can be string (path to the key) or function of type: `(option) => option.track`	`String \| Function`	`""`
valueBy	When `options` prop items are an objects, this key will be used in `selected` event. Can be string (path to the key) or function of type: `(option) => option.value`	`String \| Function`	`""`

Name	Description
selected	Emitted when an option is selected. Returns the selected option value as first argument and the selected option as second argument