Founding price: $35, then $79.99 after 23:59 UTC on 4 November, then $79.99
Get ProA multi-select combobox that creates what it does not have: a Create row for unmatched text, async creation, duplicate and validation checks.
This item has no props to tune. Use the lens above to change theme, density, direction and more.
Use it for tags, labels and categories where people may need a value that is not there yet. Use ComboboxChips when the list is closed.
| Prop | Type | Default | Description |
|---|---|---|---|
options | { value: string; label: string }[] | - | Existing options. |
value / defaultValue | string[] | [] | Selected values. |
onValueChange | (value: string[]) => void | - | Runs on every change, including after a creation. |
onCreate | (label) => Option or null, or a Promise of it | slug of the text | Makes the new option. Return null to refuse it. |
validate | (label) => string or null | - | Return a message to block creation. |
createLabel | (label) => string | Create “label” | Text of the Create row. |
placeholder / emptyText | string | see source | Copy. |
disabled | boolean | false | Disables the field. |
The field is a combobox with chips. The Create row is an option with a plus icon, and a validation message replaces it and is announced politely. While onCreate is pending the chips container is aria-busy.