papercss/docs/content/docs/components/badges.md
2017-12-28 12:09:53 +06:00

31 lines
924 B
Markdown

---
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>
```