Skip to content

AutoSuggest

What component has

Keyboard support

Keyboard support
KeyFunction
TabMoves focus to the next focusable element.
Shift + TabMoves focus to the previous focusable element.
EnterWhen the menu is closed: opens the menu.
When the menu is open: closes the menu. If an option has been highlighted, applies its value to the input.
Up Arrow, When the menu is closed: opens the menu.
When the menu is open: moves the highlight between the list options. The highlight cycles from the last to the first option and from the first to the last option.
EscCloses the menu.

Roles and attributes

For more information about the accessibility of these patterns, refer to the documentation of the components used in them:

Other recommendations

For more accessibility recommendations, refer to the Accessibility guide.

Released under the MIT License.

Released under the MIT License.