NobleUI - HTML Bootstrap 5 Admin Dashboard Template

# Badges

Documentation and examples for badges, our small count and labeling component. Read the Official Bootstrap Documentation for a full list of instructions and other options.

#### Basic example

Badges scale to match the size of the immediate parent element by using relative font sizing and `em` units.

# Example heading New

#### Buttons

Badges can be used as part of links or buttons to provide a counter.

#### Positioned

Use utilities to modify a `.badge` and position it in the corner of a link or button.

You can also replace the `.badge` class with a few more utilities without a count for a more generic indicator.

#### Contextual variations

Use background utility classes to quickly change the appearance of a badge.

Primary Secondary Success Danger Warning Info Light Dark

Primary Secondary Success Danger Warning Info Light Dark

#### Pill badges

Use the `.rounded-pill` utility class to make badges more rounded with a larger `border-radius`.

Primary Secondary Success Danger Warning Info Light Dark

Primary Secondary Success Danger Warning Info Light Dark

#### Link badges

Primary Secondary Success Danger Warning Info Light Dark