Founding price: $35, then $79.99 after 23:59 UTC on 4 November, then $79.99
Get ProA select with described options: icon, title, a sentence of help and a tag, grouped under headings with an optional footer, built on the Base UI Select.
This item has no props to tune. Use the lens above to change theme, density, direction and more.
Use it when the options need explaining before a choice: plan, region, role, hosting. Use ComboboxField when people mostly know what they want and need to search.
| Prop | Type | Default | Description |
| ------------------------------- | -------------------------------------------------------------------- | -------------- | -------------------------------------------- | -------------------------------- |
| options | { value; label; description?; icon?; badge?; group?; disabled? }[] | - | The options. Same group means one heading. |
| value / defaultValue | string \\ | null | null | Selected value. |
| onValueChange | (value: string \\ | null) => void | - | Runs when the selection changes. |
| footer | ReactNode | - | Content under the list. |
| placeholder | string | Choose… | Trigger text while nothing is selected. |
| panelClassName | string | - | Class for the panel, to widen it. |
| invalid / disabled / name | boolean / boolean / string | - | Field states and form name. |
Built on the Base UI Select: the trigger has the combobox role with aria-expanded, the panel is a listbox, group headings label their groups. The footer sits outside the listbox, so its links and buttons are reached with Tab after the panel closes or by pointer. Icons are decorative; the selected state uses a check mark as well as the highlight.