Docs Components
DragListexperimental
A reorderable list. Drag rows by the grip, or use the always-visible arrow buttons — reordering never requires a pointer. Position numbers keep everyone oriented.
Accessibility
Tab— Reaches each row's move-up / move-down / remove buttons.Enter / Space— Activates the focused move or remove button; aria-labels carry the position.
API
| Prop | Type | Description |
|---|---|---|
items required | {id, content}[] | Rendered in order. |
onReorder required | (ids)=>void | Called with the full new order after drag or button move. |
onRemove | function | Adds the remove button per row. |
Guidelines
- mustReordering MUST be possible without a pointer — the arrow buttons are not optional decoration.
- shouldShow the numeric order; position matters in curation and color/position alone can't carry it.