children | React.ReactNode | No | null | content rendered inside the Context Selector |
className | string | No | '' | Classes applied to root element of Context Selector |
footer | React.ReactNode | No | null | Footer of the context selector |
isOpen | boolean | No | false | Flag to indicate if Context Selector is opened |
menuAppendTo | No type info | No | 'inline' | |
onSearchButtonClick | (event?: React.SyntheticEvent<HTMLButtonElement>) => void | No | () => undefined as any | Function callback for when Search Button is clicked |
onSearchInputChange | (value: string) => void | No | () => undefined as any | Function callback called when user changes the Search Input |
onSelect | (event: any, value: React.ReactNode) => void | No | () => undefined as any | Function callback called when user selects item |
onToggle | (event: any, value: boolean) => void | No | () => undefined as any | Function callback called when user clicks toggle button |
ouiaSafe | No type info | No | true | |
screenReaderLabel | string | No | '' | Labels the Context Selector for Screen Readers |
searchButtonAriaLabel | string | No | 'Search menu items' | Aria-label for the Context Selector Search Button |
searchInputPlaceholder | string | No | 'Search' | Search Input placeholder |
searchInputValue | string | No | '' | Value in the Search field |
toggleText | string | No | '' | Text that appears in the Context Selector Toggle |