# `m-status-badge`

A Status Badge is used to indicate the current status of an element, providing a clear and concise visual cue. The status can change dynamically based on updates, events, or conditions within the system. Status Badges help users quickly identify the state of an item, such as an order status, system health, or process completion. They are often color-coded to enhance readability and recognition.

## Props

| Name | Description | Type | Default |
|------|-------------|------|---------|
| `label*` | Content of the status badge. | `string` |   |
| `status` | Allows to define the status badge type. | `'info'` `'success'` `'warning'` `'error'` `'neutral'` | `info` |

## Dependencies

### Depends on

- [m-status-dot](../statusdot/README.md)

### Graph

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

### Used By

- [m-page-header](../pageheader/README.md)

### Graph

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