Example of Keyboard Interaction in React Toolbar Component

All Controls
/
Toolbar
/
KeyboardInteraction

This demo showcases the keyboard shortcuts applicable on Toolbar.

More Details...

Loading....
Description

Below key combinations can be used in Toolbar to initiate various actions.

  • FOCUS
    • Alt + J - Focuses on the first component of the sample.
  • TOOLBAR ITEMS
    • Home - Moves the focus to the first item of the Toolbar.
    • End - Moves the focus to the last item of the Toolbar.
    • Down arrow - Focuses the next popup element.
    • Up arrow - Focuses the previous popup element.
    • Left arrow - Focuses the previous element.
    • Right arrow - Focuses the next element.
    • Enter - When focused on a ToolBar command, clicking the key triggers the click of Toolbar element. When popup drop-down icon is focused, the popup opens.
    • Esc - Closes popup.