Founding price: $35, then $99 after 23:59 UTC on 4 November, then $99
Get ProA plan comparison grouped by feature area, where each group shows how many of its features each plan includes and each feature says Included, Not included or a limit in words. Use this when plans differ in many features and visitors compare them by area.
This item has no props to tune. Use the lens above to change theme, density, direction and more.
Use it for pricing pages and plan pickers with more than a dozen features that fall into clear groups.
Do not use it for three or four differences (a short list per plan reads better) or to compare products with different attributes.
This item is part of tealmac UI Pro
The source for this item installs with a Pro licence key. Log in with your key to see the install command, or read the Pro setup page.
| Prop | Type | Default | Description |
|---|---|---|---|
features | TreeNode<Feature>[] | - | Groups with feature leaves carrying data.plans. |
plans | Plan[] | - | { id, name } columns. |
The pattern ships with a Testing Library test (feature-comparison-table.test.tsx) that covers the counts, the text of each cell, the group summary and the headers.