Search
Support Center
v1.0
Features
Comments
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
Summarize Page
Copy Markdown
Open in ChatGPT
Open in Claude
Badges serve as informative labels and play an integral role in 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
The custom badge can be easily modified via Custom CSS to adopt any color of your choice. Additionally, you can adjust its color dynamically based on the content it contains:
.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 May 4, 2025
Was this page helpful?
Next to read:
Iconsnull
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