Badges

Documentation and examples for badges, bootstrap`s small count and labeling component.

Contextual variations

Add any of the below mentioned modifier classes to change the appearance of a badge.

Primary Secondary Success Danger Warning Info Light Dark

Show code

Pill badges

Use the .badge-pill modifier class to make badges more rounded (with a larger border-radius and additional horizontal padding). Useful if you miss the badges from v3.

Primary Secondary Success Danger Warning Info Light Dark

Show code

Badges as links

Use the .badge-pill modifier class to make badges more rounded (with a larger border-radius and additional horizontal padding). Useful if you miss the badges from v3.

Primary Secondary Success Danger Warning Info Light Dark

Show code


Blade-Component informations

Path

lbc/components/badge.blade.php

Usage

@badge()

For more information about badge read the bootstrap documention Badge