# Card

带图标、标题和插槽的框式内容块 — 与 CardGrid 组合可实现响应式布局。

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

## Agent payload (JSON)

```json
{
  "slug": "card",
  "name": "Card",
  "description": "Generic content card with optional title and footer.",
  "tagline": "带图标、标题和插槽的框式内容块 — 与 CardGrid 组合可实现响应式布局。",
  "install": "nimbus-docs add card",
  "sourcePath": "src/components/ui/card/",
  "canonicalUrl": "https://nimbus-docs.cn/components/card/",
  "props": [
    {
      "name": "title",
      "type": "string",
      "required": true,
      "description": "渲染在卡片顶部的标题。"
    },
    {
      "name": "icon",
      "type": "string",
      "required": false,
      "description": "Iconify 图标名称（例如 `ph:lightning`），渲染在标题上方。"
    }
  ],
  "registryDependencies": [
    "cn"
  ],
  "dependencies": []
}
```