@mozaic-ds/vue/src/components/builtinmenu/README.md

Mozaic-Vue is the Vue.js implementation of ADEO Design system

# MBuiltInMenu

A built-in menu is a structured list of navigational or interactive options, typically displayed as a vertical stack. It allows users to browse categories, access settings, or navigate through different sections of an interface.


## Props

| Name | Description | Type | Default |
| --- | --- | --- | --- | 
| `modelValue` | Specifies the key of the currently selected menu item. It allows the component to highlight or style the corresponding item to indicate it is selected or currently in use. | `number` | - |
| `items*` | Defines the menu items, each of which can include an icon and act as a button, link, or router-link. | `MenuItem[]` | - |
| `outlined` | When enabled, adds a visible border around the wrapper to highlight or separate its content. | `boolean` | - |
| `label` | Accessible label for the navigation landmark. Should describe the purpose
of this menu to distinguish it from other navigations on the page. | `string` | `"Menu"` |

## Events

| Name | Description | Type |
| --- | --- | --- |
| `update:modelValue` | Emitted when the selected item changes, providing the updated selected value. | [value: number] |

## Dependencies

### Used By

- [MCheckListMenu](../checklistmenu)

### Graph

```mermaid
graph TD;
  MCheckListMenu --> MBuiltInMenu
style MBuiltInMenu fill:#008240,stroke:#333,stroke-width:4px
```