Comparison Table

三档套餐功能对比表，首列固定，推荐列高亮，移动端内部横向滚动。

#pricing #table #comparison

在沙盒中编辑

复制一段给 AI 编程工具的提示词，包含源码、依赖和用法

属性

ComparisonTableProps

同时支持以下类型的全部属性： React.ComponentProps<"div">

属性	类型	默认值	说明
plans* 必填	`ComparisonPlan[]`	—	—
rows* 必填	`ComparisonRow[]`	—	—

安装

$ npx shadcn@latest add https://chromotion.dev/r/comparison-table.json

同类组件

Announcement Bar

可关闭的顶部公告横幅，含徽标、文案、箭头链接和关闭按钮。

Feature Grid

三列图标特性网格，带标题与副标题。

Stats Band

带分隔线的大数字统计横条。