List Drag With Icons - Draggable list panel with icons

Pro

Sortable rows with leading icons and a trailing grip handle.
Shadcn List Drag With Icons component

Component data

ID
list-panel/list-drag-with-icons
Access
pro
Created
May 23, 2026
Type
example
Libraries
Radix UI, Base UI, React Aria

List Drag With Icons component design & features

This example pairs ItemMedia icons with a trailing grip so users can scan module types while reordering integration or workflow steps.

Icon drag lists work in feature toggles, connector directories, and admin sidebars where each row needs a visual category plus reorder control.