Search
Support Center
v1.0
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
Inline Blocks
Import & Export
Features
Comments
Developers
Page
Code Steps
Category
Label
Link
Separator
Title
Message
Page icon
No icon. This page keeps the plain index row.
orSVG or PNG, square, at least 32×32.
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?