Badges and labels are numerical indicators of how many items are associated with a link.
Badges
Use the .badge
class within <span>
elements to create badges.
Examples:
1
2
1
5
3
7
4
1
5
7
9
1
22
3
1
6
HTML Code:
1 2 1 5 3 7 4 1 5 7 9 1 22 3 1 6
Labels
Use the .label
class within <span>
elements to create labels.
Examples:
Default Bright
Default Light
Default
Default Dark
Primary Bright
Primary Light
Primary
Primary Dark
Accent Bright
Accent Light
Accent
Accent Dark
Success
Info
Warning
Danger
HTML Code:
Default Bright Default Light Default Default Dark
Primary Bright Primary Light Primary Primary Dark
Accent Bright Accent Light Accent Accent Dark
Success Info Warning Danger