Skip to content

ConversationMenu

Basic Usage

Slots

Props

PropDescriptionTypeDefault
itemsMenu data listConversationMenu[][]
keyNameField name used as unique identifier within itemsstring'key'
activeKey / v-model:activeKeyThe key of the currently active itemstring''
openKeys / v-model:openKeysArray of keys for currently expanded submenusstring[][]
themeTheme mode'dark' | 'light'

Events

EventDescriptionCallback Parameters
update:activeKeyEmitted when the active item changes, used for v-model:activeKey(value: string)
update:openKeysEmitted when expanded items change, used for v-model:openKeys(value: string[])
activeChangeEmitted when the user clicks to switch the active item(value: string, item: ConversationMenu)

Slots

SlotDescriptionSlot Props
defaultCustom content for each menu item, defaults to TextOverflowTooltip for label text{ item: ConversationMenu }

ConversationMenu Interface

FieldDescriptionTypeRequired
keyUnique identifier, corresponds to keyNamestringNo
labelDisplay textstringNo
disabledWhether the item is disabledbooleanNo
childrenSubmenu list; when present, the item acts as a collapsible parentConversationMenu[]No
[key: string]Supports any additional fields, accessible via slotsanyNo