Founding price: $35, then $79.99 after 23:59 UTC on 4 November, then $79.99
Get ProColumns of options with checkboxes for choosing several leaves from a tree, with checked, mixed and unchecked parents and a live count.
This item has no props to tune. Use the lens above to change theme, density, direction and more.
Use it to choose several items from a hierarchy: teams within departments, cities within regions, permissions within groups. Use Cascader for a single path.
| Prop | Type | Default | Description |
|---|---|---|---|
options | { value; label; children?; disabled? }[] | - | The tree. Values must be unique across the whole tree. |
value / defaultValue | string[] | [] | The checked leaf values. |
onValueChange | (value: string[]) => void | - | Runs on every change. |
emptyText | string | No options | Text for an empty column. |
Rows are treeitems with aria-checked set to true, false or mixed. The checkbox square is decorative: the whole row is the control and Space toggles it. Disabled leaves are never counted and never changed by a parent.