返回组件列表
商业
价格卡片
带功能亮点和主操作的通用套餐卡片。
预览
这里展示的源码与 shadcn 从生成 JSON 安装的源码一致。
Team
For small product teams that need shared UI blocks.
$29per seat / month
- Registry installs
- Preview workspace
- Shared component notes
安装
构建 registry 并启动开发服务后，在消费项目中运行这条命令。
安装命令
pnpm dlx shadcn@latest add http://localhost:3000/r/pricing-card.json源码与依赖
安装前可以确认组件源码路径、registry 依赖和 npm 依赖。
源码路径
registry/default/pricing-card/pricing-card.tsxRegistry 依赖
badgebuttoncardseparator
NPM 依赖
lucide-react