Sortable

Drag-to-reorder primitive built on @dnd-kit. Pointer + keyboard sensors, content-agnostic render-prop. Apply handleProps to a dedicated grip handle so the item body stays free for its own interactions.

Horizontal — chip strip

orientation='horizontal' uses a rect strategy so wrapping rows reorder correctly. Drag a grip, or focus it and press Space then arrow keys.

Cost per link click

Spend

CTR

Thumbstop rate

Hold rate

Vertical — list rows

orientation='vertical' (the default) uses the list strategy. The whole row is the handle here.

Hook — first 3 seconds

Body — value proposition

Social proof

Call to action