Tabs

The Tabs component enables you to add tabbed content to your topic.

1. Select Tabs from the Embed list.
2. Edit the component.
3. For each tab:
   1. Select Tab Item from the Embed list.
   2. Give it a Value.
   3. Give it a Title.
   4. Enter the Content.
   5. (Optional) Make it the Default tab.
4. Save your changes.

Warning

The CMS can lose context when editing tabs. You should save often. The CMS can get into a position where it cannot find the context of the tab. In this case click the Raw Markdown icon and make changes directly in the Markdown. Save and then return to the rich text editor.

Example:

Apple

This is an apple 🍎

Orange

This is an orange 🍊

Banana

This is a banana 🍌

For more information, refer to Tabs in the Docusaurus documentation.

Related topics

• Footnotes – Automatically numbered and back-linked footnotes.
• Related Topics – Automatically generate links to related content based on shared taxonomy tags.
• Create a doc – Create a Markdown document.
• Creating pages – Creating pages in the CMS.
• Hosted CMS – Using docStatic with cloud-hosted or self-hosted TinaCMS.
• Figures – Images with captions and lightbox zoom.
• Markdown features – DocStatic uses MDX. Find out more about docStatic-specific features when writing Markdown.