Sortable 05 - Sortable Numbered Checklist
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.
- Library
- Shadcn Space
- Framework
- React
- Type
- component
- License
- MIT
- Dependencies
- @dnd-kit/core, @dnd-kit/sortable, @dnd-kit/utilities
- Files
src/components/shadcn-space/sortable/sortable-05.tsxsrc/lib/utils.tssrc/config.ts
- Source
- https://github.com/shadcnspace/shadcnspace
Categories
- Todo List Components
- React Todo List Components
- Tailwind CSS Todo List Components
- Widget Components
- React Widget Components
- Tailwind CSS Widget Components
More from Shadcn Space
- Checkbox-04 - Checkbox with todo list
- Drawer 01 - Onboarding Checklist
- About Us 01 - Impact Metrics
- Accordion-01 - Default
- Accordion-02 - Multi-level
- Accordion-03 - Numbered FAQ
- Accordion-04 - Card
- Accordion-05 - Media
- Accordion-06 - Filled Trigger
- Accordion-07 - Motion Services
- Alert-01 - Alert with Password Detail
- Alert-02 - Alert with User Detail