Shortcodes & Component Catalog
Index of semantic Hugo shortcodes implementing the IBM Carbon Design System v11 for content authors and technical writers.
The Hugo Carbon Theme provides a modular library of over 75 semantic shortcodes. Each shortcode maps directly to official IBM Carbon Design System v11 specifications, generating accessible, token-aware HTML markup without requiring external component frameworks or build-step dependencies.
Shortcode Categories
Explore the dedicated documentation pages for each component family:
AI Modifier & Transparency Standards
In adherence to the IBM Carbon Design System v11 AI component specifications, all placeholder content generated by artificial intelligence models is explicitly distinguished using the Carbon AI modifier (cds--ai-label).
When reading the shortcode examples in these documentation pages, look for the AI badge:
AI-generated content
This is an official IBM Carbon Design System AI Label. Clicking this badge displays an explainability popover detailing why and how the specimen content was created.
Clicking the AI badge opens an explainability popover that clarifies the origin of the content, preserving editorial transparency across all specimens.