UNPKG

@mozaic-ds/vue

Version:

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

github.com/adeo/mozaic-vue

adeo/mozaic-vue

18 lines (11 loc) • 756 B
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
# MOverlay An overlay is a semi-transparent layer that appears on top of the main content, typically used to dim the background and focus user attention on a specific element. It is often combined with modals, popovers, or loading states to create a visual separation between the foreground and background. Overlays help prevent unintended interactions while keeping the primary content accessible. ## Props | Name | Description | Type | Default | | --- | --- | --- | --- | | `isVisible` | Controls the visibility of the overlay. | `boolean` | - | | `dialogLabel` | Accessible label for the overlay dialog. | `string` | - | ## Slots | Name | Description | | --- | --- | | `default` | Use this slot to insert a centered content inside the overlay. |