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>属性
属性
类型