Components

Tabs

Organize content into switchable tab panels.

Basic tabs

Use tabs to present alternative content without taking up extra space:

JavaScript

function greet(name) {
  return `Hello, ${name}!`;
}

Python

def greet(name):
    return f"Hello, {name}!"

Bash

greet() {
  echo "Hello, $1!"
}

Installation tabs

A common use case is showing installation commands for different package managers:

npm

npm install example-package

yarn

yarn add example-package

pnpm

pnpm add example-package

Tabs with mixed content

Tabs can contain any markdown content, not just code:

Basic Setup

The basic setup requires minimal configuration:

1. Install the package
2. Import the module
3. Call the function

Advanced Setup

The advanced setup includes additional options:

Option	Type	Default	Description
debug	boolean	false	Enable debug mode
timeout	number	5000	Request timeout
retries	number	3	Retry attempts