Badge
A number or status mark on buttons and icons.
Basic usage
Displays the amount of new messages.
Max value
You can customize the max value.
Customizations
Displays text content other than numbers.
Little red dot
Use a red dot to mark content that needs to be noticed.
Attributes
| Attribute | Description | Type | Accepted Values | Default |
|---|---|---|---|---|
| value | display value | string / number | — | — |
| max | maximum value, shows '{max}+' when exceeded. Only works if value is a Number | number | — | — |
| is-dot | if a little dot is displayed | boolean | — | false |
| hidden | hidden badge | boolean | — | false |
| type | button type | string | primary / success / warning / danger / info | — |
Slots
| Name | Description |
|---|---|
| — | customize default content |