Components

Present ordered instructions in clear, numbered steps so readers can follow a process from start to finish.

Highlight important notes, warnings, tips, or contextual guidance without interrupting the surrounding documentation.

Display a focused, syntax-highlighted code sample with a copy action for quick implementation.

Group related code samples into language or framework tabs so developers can choose the example that matches their stack.

Organize related questions and answers into expandable rows that keep long documentation pages easy to scan.

Present structured information in rows and columns for fast comparison, reference, or configuration lookup.

Explain systems, workflows, and relationships with clear visual diagrams embedded directly in your documentation.

Show nested data, file structures, or hierarchies in an easy-to-read expandable tree format.

Share a reusable prompt with a dedicated copy action, helping readers move from documentation to experimentation quickly.

Document a field, parameter, or object property with its type and required status in a consistent reference format.

Add responsive images with helpful context to illustrate concepts, results, interfaces, or visual workflows.

Embed video content to demonstrate a workflow, explain a feature, or provide a visual walkthrough alongside the docs.

Embed an X post to include product updates, examples, or community conversation directly in the documentation.

Embed a YouTube video for tutorials, product demonstrations, and longer-form educational content.

Embed a Vimeo video while keeping the visual presentation consistent with the rest of your documentation.

Embed an audio file for voice walkthroughs, recordings, or listenable supporting material.

Embed a Lottie animation to add lightweight, polished motion that helps explain a feature or interaction.

Embed external code or interactive examples when a standard code block is not enough for the documentation.