IndustryDropdown API
API reference docs for theIndustryDropdownwidget. For examples and details on the usage of this widget, visit the widget demo page.
Props
| Props | Type | Description | Default |
|---|---|---|---|
options | {id: string; name: string; }[] | (() => Promise<{id: string; name: string; }[]>) | Industry data or fetch function. Pass data directly for manual control, or pass a function that returns a promise for optimized caching (library checks cache first and only calls function when needed). | _ |
onSelectionChange | (industry: IndustryCategory | undefined) => void | Callback fired when the selection changes. Receives the selected industry object or undefined when cleared. | _ |
placeholder | string | Placeholder text for the search input. | _ |
noResultsText | string | Text to display when no search results are found. | _ |
searchFallbackText? | string | Text to display before the user starts typing (mobile sheet view only). Shows a prompt to encourage the user to search. On desktop, this is automatically hidden to show all options immediately. | 'Search to view industry results' |
value | {id: string; name: string} | The selected industry category object. | _ |
popoverMatchReferenceWidth? | boolean | Match the width of the popover with the reference element. | false |
popoverMaxHeight? | number | The max height of the popover. | 356 |
popoverMaxWidth? | number | The max width of the popover. | 400 |
popoverPlacement? | 'bottom' | 'bottom-start' | 'bottom-end' | The placement of the popover relative to the combobox input. | 'bottom-start' |