{{> head title="Badges"}}
{{> sidebar-ela}}
{{> header-ela}}

#### Badges

##### Basic Badges

Primary Secondary Success Danger Warning Info Light Dark

##### Flat Color Badges

#00c292 #ab8ce4 #03a9f3 #fb9678 #66bb6a #5c6bc0

##### Badge Sizes

# Large Heading New

## Heading 2 New

### Heading 3 New

#### Heading 4 New

##### Heading 5 New

###### Small Heading New

##### Pill Badges

Primary Secondary Success Danger Warning Info Light Dark

##### Badges in Buttons

##### Flat Color Pill Badges

Teal Purple Blue Orange Green Indigo

##### Badge Counters and Notifications

###### Navigation with Badges

- Inbox 14
- Sent Messages 2
- Drafts 1
- Spam 99+

###### Status Badges

Active Pending Inactive Processing Paused Blocked

###### Link Badges

News 5 Comments 10 Updates 2

##### Badge Variations

###### Small Badges

Extra Small Small Regular Large

###### Outlined Badges

Primary Success Danger Warning

###### Position Badges

{{> footer}}
{{> scripts}}