Content organization
Accordions
Expandable sections for progressive disclosure of content.
Tabs
Organize related content into switchable tabbed views.
Steps
Display sequential instructions in a numbered format.
Columns
Arrange content side by side in responsive layouts.
Visual elements
Cards
Highlight content with customizable containers and icons.
Callouts
Emphasize important information with styled alerts.
Frames
Add borders and styling to images and content.
Icons
Add visual indicators using the Lucide icon library.
Interactive elements
Tooltips
Display additional information on hover.
Expandables
Show and hide detailed content on demand.
Code groups
Display multiple code examples in tabbed views.
Data display
Responses
Document API response structures and fields.
Fields
Display parameter and property definitions.
Examples
Show request and response examples side by side.
Specialized components
Mermaid diagrams
Create flowcharts, sequence diagrams, and more.
Tiles
Display content in a grid of clickable tiles.
Panel
Create sidebar panels for supplementary content.
Banner
Display prominent announcements at the top of pages.
Badge
Add inline labels and status indicators.
Color
Display color swatches with hex values.
Update
Highlight new or updated content.
View
Conditionally show content based on context.