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

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

# MSidebarShortcutItem

SidebarShortcutItem is a component that renders a sidebar shortcut link with an optional icon and label, providing quick access to a specific URL.


## Props

| Name | Description | Type | Default |
| --- | --- | --- | --- | 
| `label*` | The text label displayed for the shortcut item. | `string` | - |
| `href` | The URL the shortcut item links to. | `string` | - |
| `to` | If defined, the item will act as a router-link to the specified route. | `string` | - |
| `external` | Indicates the link is external and opens in a new tab. | `boolean` | - |
| `icon` | Optional icon component displayed alongside the label. | `Component` | - |

## Dependencies

### Used By

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

### Graph

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