# `m-status-dot`

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'` `'success'` `'warning'` `'error'` `'neutral'` | `info` |
| `size` | Determines the size of the status dot. | `'s'` `'m'` `'l'` | `m` |

## Dependencies

### Used By

- [m-status-badge](../statusbadge/README.md)

### Graph

```mermaid
graph TD;
  m-status-badge --> m-status-dot
style m-status-dot fill:#008240,stroke:#333,stroke-width:4px
```
