New to Kendo UI for Angular? Start a free 30-day trial
Keyboard Navigation
Updated on Jul 8, 2026
The Kendo UI for Angular Splitter supports keyboard navigation through its split bars. To use the keyboard shortcuts, focus a split bar first, then press the relevant key combination.
The Splitter supports the following keyboard shortcuts:
| Shortcut | Description |
|---|---|
Up Arrow | Resizes the panes by moving the split bar up in a vertical Splitter. |
Down Arrow | Resizes the panes by moving the split bar down in a vertical Splitter. |
Left Arrow | Resizes the panes by moving the split bar left in a horizontal Splitter. |
Right Arrow | Resizes the panes by moving the split bar right in a horizontal Splitter. |
Ctrl or Cmd + Up Arrow | Collapses or expands the adjacent panes in the up direction in a vertical Splitter. |
Ctrl or Cmd + Down Arrow | Collapses or expands the adjacent panes in the down direction in a vertical Splitter. |
Ctrl or Cmd + Left Arrow | Collapses or expands the adjacent panes in the left direction in a horizontal Splitter. |
Ctrl or Cmd + Right Arrow | Collapses or expands the adjacent panes in the right direction in a horizontal Splitter. |
Enter | Toggles the nearest collapsible pane. |
Tab | Moves focus to the next split bar. |
Shift + Tab | Moves focus to the previous split bar. |
The following example demonstrates the keyboard navigation of the Splitter. Press Tab until a split bar receives focus, then use the keyboard shortcuts from the table above.
Loading ...