ReorderList

A list you reorder by dragging the whole row, no handle. Rows spring into place; Alt plus the arrow keys moves the focused row.

Playground

Drag a whole row to reorder; Alt plus the arrow keys moves the focused row.

  • Slack Messages810
  • X Bookmarks392
  • Files100
  • Notes40
  • Web Links30
  • Brand Kits8
<ReorderList items={types} getKey={(type) => type.id} onReorder={save}>
  {(type) => <Row type={type} />}
</ReorderList>