Founding price: $35, then $79.99 after 23:59 UTC on 4 November, then $79.99
Get ProA feature comparison table with an optional featured column, where boolean values render as check and cross icons.
This item has no props to tune. Use the lens above to change theme, density, direction and more.
| Prop | Type | Default | Description |
|---|---|---|---|
caption | string | - | Table caption and accessible name of the scroll region. |
columns | ComparisonColumn[] | - | The options being compared. |
rows | ComparisonRow[] | - | Features or criteria. |
Also accepts all <div> props.
| Prop | Type | Default | Description |
|---|---|---|---|
key | string | - | Key used in each row's values. |
title | string | - | Column heading. |
description | string | - | Optional line under the heading. |
featured | boolean | - | Highlights the column. |
| Prop | Type | Default | Description |
|---|---|---|---|
label | string | - | Row heading. |
description | string | - | Optional line under the heading. |
values | Record<string, React.ReactNode | boolean> | - | Cell values by column key. true and false render as icons; a missing value renders a dash. |
The table scrolls horizontally inside its border on narrow screens. Boolean cells are labelled "Available" or "Unavailable" for screen readers.