# `m-number-badge`

A Number Badge represents a numeric count, often used to indicate notifications, updates, or items requiring attention. Its distinct appearance makes it easy to spot changes at a glance, ensuring users stay informed without breaking their workflow. Badges are commonly attached to icons, buttons, or tabs to provide contextual awareness.

## Props

| Name | Description | Type | Default |
|------|-------------|------|---------|
| `label*` | Content of the badge. | `number` |   |
| `appearance` | Allows to define the badge appearance. | `'danger'` `'accent'` `'inverse'` `'standard'` | `standard` |
| `size` | Allows to define the badge size. | `'s'` `'m'` | `s` |

## Dependencies

### Used By

- [m-tab](../tab/README.md)
- [m-tag](../tag/README.md)

### Graph

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