Content blocks can be added to your documentation.
Text
Plain text
Header
Display a section header
List
A list with bullets or numbers
Quote
Display a quotation
Callout
Highlight a section of text
Guidelines block
Show do and don’t examples
Table
Display a simple table
Tabs
Divide content into tabs
Divider
A section divider
Image
Display an image
Shortcut links
Link to a page or description
Figma embed
Embed a Figma file from a public URL
YouTube
Embed a YouTube video
Lottie animation
Preview a Lottie animation
Storybook
Embed a Storybook canvas
Embed
Embed external content
File upload
Upload a file
Figma images
Display a Figma frame
Figma component
Display components and variants from Figma
Figma component properties
Display a list of Figma component properties
Code
Display a snippet of code
React code
Display rendered React code
Design tokens
Display a list or group of tokens
Accessibility color grid
Visualize accessibility of your color tokens
Color ramps
Display color tokens as a color ramp
Component checklist
Highlight specific component properties
Component health
Show component health and additional attributes
Component overview table
Show an overview of all components
Vector assets
Display icons or illustrations
Markdown
Embed and process Markdown