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

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

# MLoader

A loader is a visual indicator used to inform users that a process is in progress, typically during data fetching, page loading, or background operations. It provides feedback that the system is working, helping to manage user expectations and reduce perceived wait time.


## Props

| Name | Description | Type | Default |
| --- | --- | --- | --- | 
| `appearance` | Specifies the visual appearance of the loader. | `"standard"` `"inverse"` `"accent"` | `"standard"` |
| `size` | Defines the size of the loader. | `"s"` `"m"` `"l"` `"xs"` | `"m"` |
| `text` | Text to display alongside the loader when using the loader inside an `Overlay`. | `string` | - |

## Dependencies

### Used By

- [MButton](../button)
- [MField](../field)
- [MIconButton](../iconbutton)
- [MLoadingOverlay](../loadingoverlay)
- [MStatusMessage](../statusmessage)

### Graph

```mermaid
graph TD;
  MButton --> MLoader
  MField --> MLoader
  MIconButton --> MLoader
  MLoadingOverlay --> MLoader
  MStatusMessage --> MLoader
style MLoader fill:#008240,stroke:#333,stroke-width:4px
```