Notifications
2 Unread
Badges
Default Badges
Use the badge class to show a default badge.
Rounded Badges
Use the .rounded-pill to create a soft badge more rounded.
Soft Badges
Use the badge-soft- class to create a softer badge.
Soft Rounded Badges
Use the rounded-pill badge-soft- to create a soft
badge more rounded
Outline Badges
Use the badge-outline- to create a badge with the
outline.
Outline Rounded Badges
Use the rounded-pill badge-outline- class to create
a outline pill badge.
Soft Border Badges
Use the badge-border and badge-soft-
with below mentioned modifier classes to make badges with border & soft backgorund.
Soft Border Rounded Badges
Use the badge-border and badge-soft-
with below mentioned modifier classes to make badges with border & soft backgorund.