Overview

Dockview supports a wide variety of built-in Drag and Drop possibilities.

Position a tab between two other tabs

Diagram showing a tab being positioned between two existing tabs

Position a tab at the end of a list of tabs

Diagram showing a tab being positioned at the end of a tab list

Merge one group with another group

Diagram showing one group being merged into another group

Move both Tabs and Groups in relation to another group

Diagram showing the available drop positions when moving a tab or group relative to another group

Move both Tabs and Groups in relation to the container

Diagram showing the available drop positions when moving a tab or group relative to the container edges

Touch and pen input

Mouse drags use the browser's HTML5 drag-and-drop. Touch and pen drags are driven by a pointer-events backend with a long-press-to-drag gesture, so taps and native scroll still work on mobile. The backend is selected automatically and can be overridden — see Dnd Strategy for the dndStrategy option and the full gesture table.