Tour

- Persian new

Pages
- Dashboard
- Dark Dashboard
- Login
- Login Colored

Customize
- Color
- Typography
- Dark Mode
- Rtl
- SideBar

Element

- Animation
- Icon

Base Component 9
- alert
- Badge
- Breadcrumb
- Button
- Card
- Collapse
- Input
- Jumborton
- Pagination
- Progress

Extra Component
- Modal
- Toast
- Widget
- Chart

support

- GitHub
- Submit Issue
- Help

donate

- Buy me a coffee

# Badge

Documentation and examples for badges, our small count and labeling component.
"You have to add mentions classes to bootstrap Badge."

#### Flatten Badge

###### badge f-*

primary
f-primary
secondary
f-secondary
success
f-success
warning
f-warning
info
f-info
main
f-main
danger
f-danger
white
f-white
dark
f-dark
light
f-light

#### Shade Badge Color

###### badge shade f-*

first
f-first
second
f-second
third
f-third
forth
f-forth
primary
f-primary
secondary
f-secondary
success
f-success
warning
f-warning
danger
f-danger
info
f-info
dark
f-dark
light
f-light
main
f-main
grey
f-grey
white
f-white
glass
f-glass

#### Pill Badge

###### badge badge-pill f-*

primary
f-primary
secondary
f-secondary
success
f-success
warning
f-warning
info
f-info
main
f-main
danger
f-danger
white
f-white
dark
f-dark
light
f-light

#### bootstrap Badge

Primary Secondary Success Danger Warning Info Light Dark