@mozaic-ds/vue
Version:
Mozaic-Vue is the Vue.js implementation of ADEO Design system
26 lines (16 loc) • 824 B
Markdown
# MStatusDot
A Status dot is a small visual indicator used to represent the state or condition of an element. It is often color-coded to convey different statuses at a glance, such as availability, activity, or urgency. Status Dots are commonly found in user presence indicators, system statuses, or process tracking to provide quick, unobtrusive feedback.
## Props
| Name | Description | Type | Default |
| --- | --- | --- | --- |
| `status` | Allows to define the status dot type. | `"info"` `"warning"` `"error"` `"success"` `"neutral"` | `"info"` |
| `size` | Determines the size of the status dot. | `"s"` `"m"` `"l"` | - |
## Dependencies
### Used By
- [MStatusBadge](../statusbadge)
### Graph
```mermaid
graph TD;
MStatusBadge --> MStatusDot
style MStatusDot fill:#008240,stroke:#333,stroke-width:4px
```