Code group

Use CodeGroup to show multiple related fenced blocks behind tabs.

Basic usage#

npm install

<CodeGroup>
  ```bash npm
  npm install
  ```

  ```bash pnpm
  pnpm install
  ```
</CodeGroup>

Each child can set a label with a token after the language fence (```bash pnpm), a title="..." fence option, or a title prop when the child is an element. Outside a group the same label renders as the block's title bar; inside a group it becomes the tab name. If no label is found, Shiso infers one from the language class and suffixes duplicates (bash, bash 2, …).

A single child renders as plain content with no tab chrome. For non-code alternate content, use Tabs.

Properties#