UNPKG

@mozaic-ds/vue

Version:

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

github.com/adeo/mozaic-vue

adeo/mozaic-vue

21 lines (14 loc) • 1.3 kB
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
# MTabs Tabs are a navigation component that allows users to switch between different sections within the same context. They help organize content efficiently by displaying only one section at a time, reducing clutter and improving accessibility. Tabs can include icons, labels, and notification badges to provide additional context. They are commonly used in dashboards, product management, and settings interfaces. ## Props | Name | Description | Type | Default | | --- | --- | --- | --- | | `description` | A description indicating the purpose of the set of tabs. Useful for improving the accessibility of the component. | `string` | - | | `divider` | If `true`, the divider will appear. | `boolean` | `true` | | `centered` | If `true`, the tabs of the component will be centered. | `boolean` | - | | `modelValue` | The selected tab index, bound via v-model. | `number` | `0` | | `tabs*` | An array of objects that allows you to provide all the data needed to generate the content for each tab. | `{ icon?: Component` `undefined; badge?: number` `undefined; label: string; disabled?: boolean` `undefined; }[]` | - | ## Events | Name | Description | Type | | --- | --- | --- | | `update:modelValue` | Emits when the selected tab changes, updating the modelValue prop. | [value: number] |