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:
SHORTCUT | DESCRIPTION |
---|---|
Up Arrow | Moves the focused split-bar up (in a vertical Splitter). |
Down Arrow | Moves the focused split-bar down (in a vertical Splitter). |
Left Arrow | Moves the focused split-bar to the left (in a horizontal Splitter). |
Right Arrow | Moves the focused split-bar to the right (in a horizontal Splitter). |
Ctrl +Up Arrow | Collapses the lower pane or expands the upper one. |
Ctrl +Down Arrow | Collapses the upper pane or expands the lower one. |
Ctrl +Left Arrow | Collapses the left pane or expands the right one. |
Ctrl +Right Arrow | Collapses the right pane or expands the left one. |
Enter | Accepts the current position of the split-bar. |
Esc | Returns the split-bar to its initial position. |
Example
View Source
Change Theme: