Made in DeveloperHub
Support Center
v1.0
Title
Message
Create new category
What is the title of your new category?
Edit page index title
What is the title of the page index?
Edit category
What is the new title of your category?
Edit link
What is the new title and URL of your link?
Badges
AI Tools
Summarize Page
Copy Markdown
Open in ChatGPT
Open in Claude
Connect to Cursor
Connect to VS Code
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:
.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.
Last updated on Jun 23, 2026
Anything missing? Leave us feedback
Next to read:
IconsStaging Environment
Discard Changes
Do you want to discard your current changes and overwrite with the template?
Archive Synced Block
Message
Create new Template
What is this template's title?
Delete Template
Message