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.

Primary Success Warning Info Error Custom

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

.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.

inline-blocks

Last updated by Zaid Daba'een on Jun 2, 2020

Was this page helpful?