Skip to content

Conversation

@petecheslock
Copy link
Collaborator

This is a tabs example to the guides directory (docs/guide/tabs-example.md) to help document authors create tabbed content in Docusaurus.

What's Added

A complete reference guide demonstrating how to use tabs in Docusaurus documentation, including:

  • Basic tabs - Simple tab structure for different installation methods
  • Language-specific code examples - Showing the same API call in Python, JavaScript, cURL, and Go
  • Synchronized tabs - Using groupId to keep multiple tab groups in sync
  • Best practices - Tips for default tabs, labels, and accessibility

Key Differences from MkDocs

Unlike MkDocs which uses special markdown syntax (=== "Tab Name"), Docusaurus uses React components:

import Tabs from '@theme/Tabs';
import TabItem from '@theme/TabItem';

<Tabs>
  <TabItem value="option1" label="Option 1" default>
    Content here
  </TabItem>
</Tabs>

@petecheslock petecheslock added the HOLD On hold for _some_ reason. label Nov 10, 2025
@netlify
Copy link

netlify bot commented Nov 10, 2025

Deploy Preview for elaborate-kangaroo-25e1ee ready!

Name Link
🔨 Latest commit 482732b
🔍 Latest deploy log https://app.netlify.com/projects/elaborate-kangaroo-25e1ee/deploys/691213000181c400088a8fe8
😎 Deploy Preview https://deploy-preview-113--elaborate-kangaroo-25e1ee.netlify.app
📱 Preview on mobile
Toggle QR Code...

QR Code

Use your smartphone camera to open QR code link.

To edit notification comments on pull requests, go to your Netlify project configuration.

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

HOLD On hold for _some_ reason.

Projects

None yet

Development

Successfully merging this pull request may close these issues.

1 participant