Context selector

Examples

Basic

Props

ContextSelector

Name	Type	Required	Default	Description
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

ContextSelectorItem

Name	Type	Required	Default	Description
children	React.ReactNode	No	null	Anything which can be rendered as Context Selector item
className	string	No	''	Classes applied to root element of the Context Selector item
index	number	No	undefined	internal index of the item
isDisabled	boolean	No	false	Render Context Selector item as disabled
onClick	(event: React.MouseEvent) => void	No	(): any => undefined	Callback for click event
sendRef	(index: number, current: any) => void	No	() => {}	Internal callback for ref tracking

View source on GitHub

QUICKLINKS

CONTRIBUTE

STAY IN TOUCH

Copyright © 2019 Red Hat, Inc.

Privacy statement Terms of use All policies and guidelines