CodeGroup
Offer equivalent commands for multiple package managers.
On this page
npm
npm install example-sdkpnpm
pnpm add example-sdkyarn
yarn add example-sdkbun
bun add example-sdkView code
import CodeGroup from "@chitrank2050/monoline-docs/components/CodeGroup.astro";
<CodeGroup
id="install-example"
commands={{
npm: "npm install example-sdk",
pnpm: "pnpm add example-sdk",
yarn: "yarn add example-sdk",
bun: "bun add example-sdk",
}}
/>Usage
Manager selection synchronizes across supported command groups and is stored when storage is available. Without JavaScript all panels remain readable.
A supported subset of managers
npm
npm run docsbun
bun run docsView code
import CodeGroup from "@chitrank2050/monoline-docs/components/CodeGroup.astro";
<CodeGroup
id="run-example"
commands={{ npm: "npm run docs", bun: "bun run docs" }}
/>API reference
| Name | Type | Default | Description |
|---|---|---|---|
id | string | Required | Unique page identifier using Tabs rules. |
commands | object | Required | At least two nonempty npm, pnpm, yarn or bun commands. |
Behavior and accessibility
Package-manager choices synchronize across groups that support the chosen manager. Arrow keys navigate tabs; all commands remain readable without JavaScript.