New to Kendo UI for Vue? Start a free 30-day trial

Keyboard Navigation

The keyboard navigation of the Splitter is always available.

To focus the Splitter, click in the example area and press the Tab key.

The Splitter supports the following keyboard shortcuts:

Up ArrowMoves the focused split-bar up (in a vertical Splitter).
Down ArrowMoves the focused split-bar down (in a vertical Splitter).
Left ArrowMoves the focused split-bar to the left (in a horizontal Splitter).
Right ArrowMoves the focused split-bar to the right (in a horizontal Splitter).
Ctrl+Up ArrowCollapses the lower pane or expands the upper one.
Ctrl+Down ArrowCollapses the upper pane or expands the lower one.
Ctrl+Left ArrowCollapses the left pane or expands the right one.
Ctrl+Right ArrowCollapses the right pane or expands the left one.
EnterAccepts the current position of the split-bar.
EscReturns the split-bar to its initial position.
View Source
Edit In Stackblitz  
Change Theme:

In this article

Not finding the help you need?