### Badge
## Usage
Use badges to draw attention errors and new, updated or important content, like unread messages. Hide badhe when the count is 0.
```js
7 Tickets
! Settings
99+ Chats
```
## Badge placement
Place badges directly adjoining the related UI object. Badges can appear to the right or left of an UI object
```js
!
```
## Over 99
If a badge needs to display a number above 99, use “99+”
## Style
Badges are small enough to fit next to an UI object. They have a bold, and filled style that makes them stand out, and a fully rounded border radius.
## Color
- Red reserved to display a sense of urgency or indicate state.
- Light Variation is best for non-essential element on the screen and should recede from the primary content.
# Primary
Errors and important content, like unread messages, new tickets.
```js
1
11
99+
```
Non-essential content like new features or updates.
```js
1
11
99+
```