# Badge

{% hint style="info" %}
Since `1.6.0`
{% endhint %}

### Class

```css
.badge
```

```css
.badge--{info | success | warning | danger}
```

### Code Sample

#### .badge--info

```markup
<span class="badge--info">New</span> Badge with Info properties!
```

#### .badge--success

```markup
<span class="badge--success">New</span> Badge with Success properties!
```

#### .badge--warning

```markup
<span class="badge--warning">New</span> Badge with Warning properties!
```

#### .badge--danger

```markup
<span class="badge--danger">New</span> Badge with Danger properties! 
```