Badges
Badges
Primary
Secondary
Success
Danger
Warning
Info
Light
Dark
Rounded Badges
Primary
Secondary
Success
Danger
Warning
Info
Light
Dark
Outline Badges
Primary
Secondary
Success
Danger
Warning
Info
Light
Dark
Outline Rounded Badges
Primary
Secondary
Success
Danger
Warning
Info
Light
Dark
Soft Badges
Primary
Secondary
Success
Danger
Warning
Info
Light
Dark
Soft Rounded Badges
Primary
Secondary
Success
Danger
Warning
Info
Light
Dark
Badge Sizes
Default
XS
SM
MD
LG
XL
Badge Usage
![img](assets/img/profiles/avator1.jpg)
![img](assets/img/profiles/avator1.jpg)
![img](assets/img/profiles/avator1.jpg)
Buttons With Badges
Outline Buttons With Badges
Headings
Example heading New
Example heading New
Example heading New
Example heading New
Example heading New
Example heading New
Badge with icons
Secondary
Success
Info
Warning
Danger
Outline Badge with icons
Secondary
Success
Info
Warning
Danger