Name | Type | Default | Description |
---|---|---|---|
active | number | ||
classes | string[] | Additional CSS classes to set on the list element | |
footer | ReactNode | Content that is displayed underneath the list of items inside the dropdown | |
id | string | ||
isLoading | boolean | Whether the items are currenty loading (being fetched). If true, it will render visual loading placeholders in the ListBox | |
items | IItemBoxProps[] | The list of items to display as potential choices | |
multi | boolean | ||
noActive | boolean | If true, no highlight will be rendered on active items. An item is active when using keyboard navigation | |
noResultItem | IItemBoxProps | {value: 'No Items'} | The content shown in the list of items when there are no items to display. |
onDestroy | () => void | ||
onOptionClick | (option: IItemBoxProps, index?: number) => void | ||
onRender | () => void | ||
selected | string[] | ||
wrapItems | (items: ReactNode) => ReactNode | Useful if you need to wrap the list of items with another component. We use this when combining with the InfiniteScroll HOC
|
No guidelines exist for ListBox yet.