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