Skip to main content

Tabs

Tab blocks allow you to organize content into switchable panels.

Basic Example​

function greet(name) {
  console.log(`Hello, ${name}!`);
}

greet('World');

Syntax​

{% tabs %}
{% tab title="Tab 1" %}
Content for tab 1
{% endtab %}

{% tab title="Tab 2" %}
Content for tab 2
{% endtab %}
{% endtabs %}

Use Cases​

  • Showing code in multiple languages
  • Platform-specific instructions (Windows, macOS, Linux)
  • Different implementation approaches
  • Version-specific documentation