Toolbar with Select
Rendering Select as a ToolbarItem
inside a Toolbar.
Components
ToolbarGroup a set of related controls, reducing the number of tab stops in the keyboard interface. This component is based on the WAI-ARIA Toolbar Pattern.
SelectSelect a value from a list of options presented in a dropdown menu, similar to the native HTML select element. This component is based on the WAI-ARIA Combobox Pattern.
Composing Select
and ToolbarItem
In this example, we use the render
prop to combine Select
and ToolbarItem
into a single element:
You can learn more about this pattern on the Composition guide.