Code Tabs enable readers to switch between multiple package managers (pnpm / npm / yarn / bun), programming languages, or operating system instructions within the same card.

Syntax

Use ::: tabs with @tab separators:

::: tabs#package-managers

@tab pnpm#pnpm

```bash
pnpm install
pnpm build
```

@tab npm#npm

```bash
npm install
npm run build
```

@tab Bun#bun

```bash
bun install
bun run build
```

:::

Features

• Active Tab: Mark default selected tabs with @tab:active.
• Synchronized Grouping: Tabs with identical #id values synchronize across the entire page when clicked.
• Keyboard Navigation: Accessible arrow-key switching between tab panels.

Copyright

Copyright Ownership:matsuzaka-yuki

License under:Attribution 4.0 International (CC-BY-4.0)

Contributors: matsuzaka-yuki

Previous pageCollapsing & Copying

Next pageMermaid Diagrams