跳到正文
Linasan UI

Card 卡片

承载一组相关内容的白卡。

存储空间

本月已用 32.4 GB,共 100 GB

灰底上的白卡不画边框,用 --shadow-card 分层;放进弹窗或另一张卡片里时恢复细边框。

安装

pnpm dlx shadcn@latest add https://docs.linasan.cn/r/card.json

第一次装本站的组件前先在项目里执行一次 shadcn init,详见 安装。

用法

import { Card, CardContent, CardHeader } from '@/components/ui/card';

<Card>
  <CardHeader title="标题" description="说明" actions={<Button size="sm">操作</Button>} />
  <CardContent>内容</CardContent>
</Card>

属性

属性

类型

本页目录