UNPKG

@mozaic-ds/vue

Version:

Mozaic-Vue is the Vue.js implementation of ADEO Design system

github.com/adeo/mozaic-vue

adeo/mozaic-vue

13 lines (8 loc) • 675 B
1
2
3
4
5
6
7
8
9
10
11
12
13
# MNumberBadge 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. | `"standard"` `"inverse"` `"accent"` `"danger"` | `"standard"` | | `size` | Allows to define the badge size. | `"s"` `"m"` | `"s"` |