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

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

# MSidebarShortcuts

SidebarShortcuts is a component that displays a list of sidebar shortcut items. It supports stacked or grid layouts, shows a floating overlay when the sidebar is collapsed, and allows custom shortcut items via slots.


## Props

| Name | Description | Type | Default |
| --- | --- | --- | --- | 
| `stacked` | Determines the layout of the sidebar shortcuts. When true, the shortcuts are displayed in a vertical stacked list. When false or not provided, the shortcuts are arranged in a grid layout. | `boolean` | - |

## Slots

| Name | Description |
| --- | --- |
| `default` | Slot for sidebar shortcut items. Should contain one or more `MSidebarShortcutItem` components. |

## Dependencies

### Depends on

- [MDivider](../divider)

### Graph

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

### Used By

- [DefaultCase.stories](../sidebar/stories)
- [WithExpandOnly.stories](../sidebar/stories)
- [WithProfileInfoOnly.stories](../sidebar/stories)
- [WithSingleLevel.stories](../sidebar/stories)

### Graph

```mermaid
graph TD;
  DefaultCase.stories --> MSidebarShortcuts
  WithExpandOnly.stories --> MSidebarShortcuts
  WithProfileInfoOnly.stories --> MSidebarShortcuts
  WithSingleLevel.stories --> MSidebarShortcuts
style MSidebarShortcuts fill:#008240,stroke:#333,stroke-width:4px
```