---
title: Badges
description: PaperCSS Badges
---
### Default

You can customize badges colors with secondary, success, warning, danger classes.

# Example h1 heading <span class="badge">123</span>

## Example h2 heading <span class="badge secondary">123</span>

### Example h3 heading <span class="badge success">123</span>

#### Example h4 heading <span class="badge warning">123</span>

##### Example h5 heading <span class="badge danger">123</span>

###### Example h6 heading <span class="badge">123</span>

#### Code:

```html
<h1>Example h1 heading <span class="badge">123</span></h1>
<h2>Example h2 heading <span class="badge secondary">123</span></h2>
<h3>Example h3 heading <span class="badge success">123</span></h3>
<h4>Example h4 heading <span class="badge warning">123</span></h4>
<h5>Example h5 heading <span class="badge danger">123</span></h5>
<h6>Example h6 heading <span class="badge">123</span></h6>
```
