# 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
```