Made in DeveloperHub
Support Center
v1.0
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?
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 by Zaid Daba'een on Jun 2, 2020
Anything missing? Leave us feedback
inline-blocks
Related pages
Need help? Visit our community forums or contact us.
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