New to KendoReact? Learn about KendoReact Free.
Keyboard Navigation
Updated on Apr 2, 2026
The following demo shows the keyboard navigation capabilities of the SegmentedControl. Click the control and use arrow keys, Tab, Enter, or Space to navigate and select items.
Change Theme
Theme
Loading ...
Managing the Focus
The SegmentedControl items are rendered as native <button> elements, which are natively focusable and included in the tab sequence of the page.
Keyboard Navigation
The SegmentedControl supports the following keyboard shortcuts:
| Shortcut | Behavior |
|---|---|
Tab | Moves focus to the next focusable item in the page. |
Shift+Tab | Moves focus to the previous focusable item in the page. |
Enter or Space | Selects the focused item and triggers the onChange callback. |