Drag handle
A visual affordance — usually a small grip icon or texture — signaling that an element can be dragged.
Design review
Write release notes
Update changelog
Deploy to staging
Drag handles tell users where to grab. The most common visual is a column of dots (⋮⋮ or six-dot grid), but bottom sheets often use a small horizontal pill at the top edge. Without a handle, draggable elements feel discoverable only by accident. Place the cursor (or 'grab' cursor on web) on the handle, not the whole element, to keep other interactions like text selection working.
Also called
grab handlegrip
When to use
- Reorderable list items where the whole row would be a draggable target by default
- Bottom sheets, resizable panels, and dividers
- Anywhere users would otherwise miss that dragging is possible
When not to use
- Elements where the entire surface is meant to be draggable and no other interactions compete (e.g. a card on a board)
Related
Source
UI vernacular; the six-dot grip icon is widely used across web and native apps.