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

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

# MPageHeaderContext

The Page Header Context component provides a compact context switcher integrated in the page header. It allows selecting a single context or multiple contexts from a list of options.


## Props

| Name | Description | Type | Default |
| --- | --- | --- | --- | 
| `modelValue*` | Current selected value. | `string` `number` `(string` `number)[]` `null` | - |
| `label` | Fallback label displayed when no option is selected, or main label in multiple mode. | `string` | `"Default label"` |
| `multiple` | Enables multiple selection mode. | `boolean` | `false` |
| `options*` | Available options in the context switcher list. | `{ label: string; value: string` `number; }[]` | - |

## Events

| Name | Description | Type |
| --- | --- | --- |
| `update:modelValue` | - | `[value: string` `number` `(string` `number)[]` `null]` |

## Dependencies

### Depends on

- [MOptionListbox](../optionListbox)

### Graph

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