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.
Showcase AI prompts
Prompt
Display copyable AI prompts with Cursor integration.
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.
MDX
Render Markdown inside JSX expressions and conditionals.
Visibility
Control content shown to humans versus AI agents.
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.
Tree
Display hierarchical file and folder structures.
GitHub
Embed a GitHub repository card with live stars and forks.
Style components
All built-in components accept aclassName prop. Mintlify merges your classes with the component’s own styles, so you can restyle a single instance without wrapping it in extra markup or writing a CSS override.
className example
w-[350px], or class names that you define in a custom CSS file.
Banner, MDX, and Visibility do not accept className. You configure the banner in docs.json, and the other two render their children without a wrapper element.