Skip to content

Menu Card

Usage

md

Sizes

The menu card comes in four different sizes.

vue
vue
vue
vue

Slots

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

Start

vue
vue
vue

End

vue
vue

Additional Content

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

vue