Reorder List
DragDataInteractive sortable list with drag handles, smooth layout shifts, and reorder confirmation.
Live Interaction Sandbox
1. Hero Section≡
2. Component Grid≡
3. Pricing Card≡
Variants: Compact, Cards, NumberedDependencies: react
Component Controls
InteractiveItems Count4
Supported States:
● Idle● Item Dragging● Position Shifted● Dropped
Props Specification
| Prop | Type | Default | Description |
|---|---|---|---|
| items | string[] | ['Hero Section', 'Component Catalog', 'Pricing Tier', 'Footer'] | List items |