Keyboard Navigation

The keyboard navigation of the Dialog is always available.

When the Dialog is opened, the initial focus is set on the primary button. This approach enables the user to immediately select or navigate between the action buttons by using the Left and Right arrow keys, and to close the Dialog with the Esc button.

Note: The Esc key will close the Dialog only when focus is on built-in elements like the action buttons, title bar, or the Dialog itself. If the content contains a focusable element like an <input/> and that element is in focus, the Esc key will not close the Dialog.

SHORTCUT	DESCRIPTION
Esc	Closes the Dialog.
Left Arrow	Moves the focus to the previous action button.
Right Arrow	Moves the focus to the next action button.
Tab	Moves the focus to the next focusable element in the Dialog. If the focus is on the last focusable element, moves the focus to the first focusable element.
Shift + Tab	Moves the focus to the previous focusable element in the Dialog. If the focus is on the first focusable element, moves the focus to the last focusable element.

Change Theme

Theme

Loading ...

Suggested Links

• Get Started with the Dialog
• API Reference of the Dialogs