Smart Comparison
An interactive feature matrix and SaaS tier comparison component featuring live difference filtering, collapsible specification categories, search indexing, and mobile card toggle.
Loading preview…
Installation
Add the component directly to your repository using shadcn CLI:
npx shadcn@latest add Surajmaurya1/easyui/smart-comparison
API Reference
| Prop | Type | Default | Description |
|---|---|---|---|
| plans | ComparisonPlan[] | [] | Array of plans/tiers containing pricing and metadata |
| categories | ComparisonCategory[] | [] | Grouped feature categories with plan-specific values |
| defaultPlanId | string | featured plan or plans[0].id | Initial plan selected on mobile viewports |
| enableSearch | boolean | true | Whether to show the instant feature search input |
| enableDiffFilter | boolean | true | Whether to render the "Differences Only" toggle button |
| className | string | undefined | Optional CSS class name for container |