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
Asset
Display a list of assets
Shortcut block
Link to a page or description
Figma embed
Embed a Figma file
Figma images
Display a Figma frame
YouTube
Embed a YouTube video
Lottie files
Preview a Lottie animation
Storybook
Embed a Storybook canvas
Embed URL
Embed external content
Code
Display a snippet of code
React code
Display rendered React code
Markdown
Embed and process Markdown
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