Skip to content

Menu Item

Usage

Ghost
md

Modes

The menu item comes in two different modes.

vue

Sizes

The menu item comes in four different sizes.

vue
vue
vue
vue

Slots

The menu item has a default slot, intended for the label as well as start and end slots intended for icons, avatars and any other visual content. To ensure correct spacing, utilize the MMenuItemChild component.

Start

vue
vue
vue

End

vue
vue

Additional Content

The MMenuItemChild has an additional end slot for badges and similiar content. With the spread prop, the two slots can be visually seperated.

vue