Registry Index

Search the catalog

Type to search items across every indexed registry, or pick a page.

ComponentReactregistry:component3 dependencies

Sortable 05 - Sortable Numbered Checklist

sortable-05

A drag-and-drop sortable numbered checklist component using @dnd-kit with pill-shaped rows, a drag handle, and auto-updating step numbers as items are reordered.

Live, loading

Starting the live preview…

Runs in a sandboxed frame on a separate origin, in its registry's own theme. Mounted with no props — an item that paints an empty box is given its name as text, and some items need input to show anything.

6 variants

Variants of this

Other takes on Sortable 05 - Sortable Numbered Checklist from @shadcn-space — the same idea in another design, language or styling.

A nested drag-and-drop sortable component using @dnd-kit for reordering option groups and the items within each group, with drag handles on both group and item rows.

Open
@shadcn-space

More from @shadcn-space