Tabs present mutually exclusive or related data sets - such as “pnpm vs npm” or “macOS vs Windows”. They condense information into a compact, interactive format.

Syntax Reference

::: tabs

== tab "Label" [property:value...]
Content for this tab.

== tab "Another Label"
Content for the second tab.

:::

Examples

Package Manager Instructions

Show installation commands for multiple package managers in a single compact block.

::: tabs

== tab "pnpm"
```bash
pnpm add @docmd/core
```

== tab "npm"
```bash
npm install @docmd/core
```

== tab "yarn"
```bash
yarn add @docmd/core
```

:::

pnpm add @docmd/core

npm install @docmd/core

yarn add @docmd/core

Multi-Language Code Snippets

Keep programming environments cleanly separated with tab icons for quick visual identification.

::: tabs

== tab "TypeScript" icon:hexagon
```typescript
import { build } from '@docmd/core';
await build('./docmd.config.json');
```

== tab "JavaScript" icon:braces
```javascript
const { build } = require('@docmd/core');
build('./docmd.config.json');
```

:::

import { build } from '@docmd/core';
await build('./docmd.config.json');

const { build } = require('@docmd/core');
build('./docmd.config.json');

Constraints