Skip to content
Powered byPagefind
TabsTabs

Tabs

Display content in selectable tabs.


Tabs groups content into selectable panels. Works in both .md and .mdx files.

Usage

Wrap with ::::tabs (4 colons), and use :::tab[label] (3 colons) for each tab:

::::tabs
:::tab[npm]
```bash
npm install astro
```
:::

:::tab[pnpm]
```bash
pnpm add astro
```
:::

:::tab[yarn]
```bash
yarn add astro
```
:::
::::

Preview

npm install astro