Comparison Table

A three-plan feature comparison table with a sticky first column, highlighted recommended plan and inner horizontal scroll on mobile.

Copy a prompt for your AI coding tool with the source, dependencies and usage

Props

Also accepts all props of React.ComponentProps<"div">

Prop	Type	Default	Description
plans* required	`ComparisonPlan[]`	—	—
rows* required	`ComparisonRow[]`	—	—

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