Handle
A drag grip of two dotted columns for rows the user can reorder.
Examples
Handle
Drag me
Or me
Anatomy
span.handle | Inline grip in currentColor at reduced opacity, with a grab cursor. Place it first in the row. |
Accessibility
- The handle only draws the grip; dragging is up to your script. Hide the bare grip with
aria-hidden="true". - Dragging is pointer-only. Offer a keyboard way to reorder too, such as move up and move down buttons.
- If the grip itself is focusable, make it a
<button>with anaria-labellike "Reorder Invoices".