Badges

Badges provide labelling and are a part of DeveloperHub's inline blocks.

How to add a Badge?

To add a badge, start typing "/" and choose Badge from the inline block list.

Badge Examples

Primary Success Warning Info Error Custom

Advanced Configuration

Custom badge could be modified through Custom CSS to be any colour you want, or even depending on the content it has:

xxxxxxxxxx

.customise .cbadge.custom[data-text="Pink Badge"] {

  color: white !important;

  background: #ff536b !important;

}

.customise .cbadge.custom[data-text="Purple Badge"] {

  color: white !important;

  background: #6d53ff !important;

}

Would yield Pink Badge and Purple Badge .