Components

Choose the right built-in component for layout, code, callouts, and media, or stick with plain Markdown when it is enough.

Add these components to any page file under docs/. Components are available globally with no imports required. Plain Markdown handles paragraphs, lists, and links; components add structure for tabs, callouts, code examples, and API reference fields.

Structure

Tabs
Tabs

Switchable panels for related content.

Accordion
Accordion

Expandable sections for hidden detail.

Steps
Steps

Numbered steps for tutorials and guides.

Card
Card

Linked tiles for overview pages.

Heading
Heading

Anchor links on headings.

Code

Code blocks
Code blocks

Highlighted code with a copy button.

Code group
Code group

Tabbed code for multiple languages.

Reference

Callouts
Callouts

Styled alerts for emphasized content.

Property
Property

API fields with type and badge labels.

Media

Icon
Icon

Font Awesome icons by slug.

Image
Image

Repo images with alt text and zoom.

Video
Video

HTML5 video from a URL.

YouTube
YouTube

YouTube embed by video ID.

Vimeo
Vimeo

Vimeo embed by video ID.

Tweet
Tweet

Twitter/X embed by status ID.

Related