Content Widgets
Content widgets turn plain text into structured, scannable pages: numbered guides, tabbed examples, callouts, diagrams, and API reference blocks. Add any of them from the editor's slash menu.
Add a widget
1
Start on an empty line
Click where you want the widget to go, on a new, empty line.
2
Open the slash menu
Type / and the widget menu opens with every widget available in your project.
3
Choose a widget and fill it in
Click a widget to drop it onto the page, then click into it to add your content. Each widget's own page below covers its settings and options.
Structure & layout
Steps
Lay out a clear, numbered sequence for any process or set of instructions.
Accordion
Collapsible sections, perfect for FAQs and optional detail.
Tabs
Group parallel content into a tabbed interface on a single page.
Card
A styled, clickable container for emphasis or navigation.
Card Groups
Arrange related cards into clean two-, three-, or four-up grids.
Divider
A horizontal rule that cleanly separates sections.
Rich content
Callout
Info, success, warning, and error banners to highlight key details.
Table
Organize structured data, comparisons, and specs.
Code Blocks
Syntax-highlighted snippets for a wide range of languages.
Image & Video
Embed images with alt text and captions, plus YouTube and Vimeo video.
Mermaid Diagrams
Render flowcharts, sequence, state, and ER diagrams from plain text.
Iframe
Embed external sites, tools, and interactive widgets.
API documentation
Base URL
Define root URLs per environment, synced everywhere automatically.
Language Box
Let readers switch the language of all code samples at once.
Object Example
Present and explain API objects in code and form views.
Status Codes
Document the HTTP status codes your API returns.
Error Codes
Document API-specific error types and how to resolve them.
Writing & reuse
AI Writer
Generate, simplify, and expand content without leaving the page.
Reusable Content
Duplicate a section and its content into any project in your workspace.
Glossary
Define a term once and show its definition on hover, everywhere it appears.
FAQ
When should I use Tabs instead of an Accordion?
When should I use Tabs instead of an Accordion?
Use Tabs when readers choose one of several parallel versions of the same content, such as the same setup for different languages or platforms. Use an Accordion for optional detail most readers can skip, such as FAQs, edge cases, or troubleshooting.
Should I use a Card or Card Groups?
Should I use a Card or Card Groups?
A single Card highlights one link or idea. Card Groups place several cards side by side in a two-, three-, or four-up grid, which works best for navigation hubs like this page.
Can I use widgets when writing in Markdown?
Can I use widgets when writing in Markdown?
Yes. Content authored outside the editor, through the CLI, SDK, or Git sync, can use Theneo's MDX components for widgets such as Steps, Tabs, Cards, Callouts, and Accordions. See Docs-as-Code with Markdown for the syntax.
Can I reuse the same content across projects?
Can I reuse the same content across projects?
Yes. Reusable Content duplicates a section and its content into any project in your workspace.
On this page
- Content Widgets