Badge
Colored text label to highlight information
Badge
Go to top
The .bf-badge will apply colorless badge styling, combine it with css color
classes. The default color is .bfc-theme-fade-bg.
It's meant to be used on an inline element like <span>:
State colors
Theme
Neutral
Brand
Chill
Attn
Success
Warning
Alert
Inverted
Theme
Neutral
Brand
Chill
Attn
Success
Warning
Alert
Pill (rounded)
The .bf-badge-pill class applies rounded corners and appropriate padding.
Theme
Neutral
Brand
Chill
Attn
Success
Warning
Alert