Menu

Default

Icon

Only icon

Orientation

With tooltips

WARNING

The following component might have changes in future releases

With disabled items

With badges

With active items

The active items will automatically be highlighted when the exact route corresponding to the item is visited. Unluckily it's not possible to preview a demo because Vitepress does not support the Vue Router.

Sizes

Illustrations

With title

With title as parent

With submenus

With horizontal submenu

Default

Icon

Only icon

Orientation

With tooltips

With disabled items

With badges

With active items

Sizes

Illustrations

Flushed (Simple) Menu

With title

With title as parent

With submenus

With horizontal submenu

Mega menu with submenu

Menu ​

Default ​

Icon ​

Only icon ​

Orientation ​

With tooltips ​

With disabled items ​

With badges ​

With active items ​

Sizes ​

Illustrations ​

Flushed (Simple) Menu ​

With title ​

With title as parent ​

With submenus ​

With horizontal submenu ​

Mega menu with submenu ​

Menu

Default

Icon

Only icon

Orientation

With tooltips

With disabled items

With badges

With active items

Sizes

Illustrations

Flushed (Simple) Menu

With title

With title as parent

With submenus

With horizontal submenu

Mega menu with submenu