# `m-status-message`

A Status Message is a compact component that combines an icon and concise text to communicate system states or user feedback in limited interface space. The icon and message work together as a unified structure to provide clear, immediate understanding of the current status. Status Messages are designed for contexts where space is constrained but clear communication is essential, offering quick recognition through color-coded icons paired with brief, actionable text.

## Props

| Name | Description | Type | Default |
|------|-------------|------|---------|
| `status` | Allows to define the status message style. | `'info'` `'success'` `'warning'` `'error'` `'neutral'` `'inprogress'` | `info` |
| `appearance` | Allows to define the status message appearance.
The accent status is used to highlight a specific message. | `'standard'` `'accent'` | `standard` |
| `label*` | Label of the status message. | `string` |   |

## Dependencies

### Depends on

- [m-loader](../loader/README.md)

### Graph

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

