comark-tabs
Tabs of any content, and code blocks grouped by package manager or language, that switch together across the page.
macOS
Press ⌘K to find the pigeon data.Windows
Press Ctrl+K to find the pigeon data.::tabs{sync="os"}
:::tabs-item{label="macOS"}
Press **⌘K** to find the pigeon data.
:::
:::tabs-item{label="Windows"}
Press **Ctrl+K** to find the pigeon data.
:::
::pnpm
pnpm add comark-tabsnpm
npm install comark-tabsyarn
yarn add comark-tabs::code-group{sync="pm"}
```sh [pnpm]
pnpm add comark-tabs
```
```sh [npm]
npm install comark-tabs
```
```sh [yarn]
yarn add comark-tabs
```
::pnpm
pnpm add comark-tabsnpm
npm install comark-tabsyarn
yarn add comark-tabs::code-group{sync="pm"}
```sh [pnpm] icon=logos:pnpm
pnpm add comark-tabs
```
```sh [npm] icon=logos:npm-icon
npm install comark-tabs
```
```sh [yarn] icon=logos:yarn
yarn add comark-tabs
```
::Without a script, every tab shows under its label, one after another. The script adds the tab strip, whose highlight slides to the tab you pick, the arrow keys, and sync, which switches every block with the same key at once and remembers the choice.