@mozaic-ds/vue
Version:
Mozaic-Vue is the Vue.js implementation of ADEO Design system
26 lines (16 loc) • 837 B
Markdown
# MLoadingOverlay
A loading overlay is a full-screen or container-level layer that indicates a process is in progress, preventing user interaction until the task is completed. It includes a progress indicator, and a message to inform users about the loading state. Loading Overlays are commonly used in data-heavy applications, form submissions, and page transitions to enhance user experience by managing wait times effectively.
## Props
| Name | Description | Type | Default |
| --- | --- | --- | --- |
| `isVisible` | Controls the visibility of the loading overlay. | `boolean` | - |
| `text` | Text of the loading overlay. | `string` | - |
## Dependencies
### Depends on
- [MLoader](../loader)
### Graph
```mermaid
graph TD;
MLoadingOverlay --> MLoader
style MLoadingOverlay fill:#008240,stroke:#333,stroke-width:4px
```