# CodeGroup

标签式代码块 — 每个代码片段一个标签。选择会在页面间同步；适用于跨语言或运行时展示相同操作。

**Install:** `nimbus-docs add code-group`  
**Source:** `src/components/ui/code-group/`  
**Canonical:** https://nimbus-docs.cn/components/code-group/

## Agent payload (JSON)

```json
{
  "slug": "code-group",
  "name": "CodeGroup",
  "description": "Tabbed group of code blocks.",
  "tagline": "标签式代码块 — 每个代码片段一个标签。选择会在页面间同步；适用于跨语言或运行时展示相同操作。",
  "install": "nimbus-docs add code-group",
  "sourcePath": "src/components/ui/code-group/",
  "canonicalUrl": "https://nimbus-docs.cn/components/code-group/",
  "props": [
    {
      "name": "titles",
      "type": "string[]",
      "required": false,
      "description": "按顺序排列的标签文本。省略时回退为 \"Tab 1\"、\"Tab 2\"……"
    }
  ],
  "registryDependencies": [
    "layer-card",
    "cn"
  ],
  "dependencies": []
}
```
