Dev Design Library

Sortable List

SortableList is a component for creating drag-and-drop sortable lists. It allows users to reorder list items through mouse or keyboard interactions with smooth animations and accessibility features.

Sortable List preview
Library
Lobe UI
Framework
React
Type
component
License
MIT
Install
pnpm add @lobehub/ui
Files
  • src/SortableList/index.ts
  • src/SortableList/SortableList.tsx
  • src/SortableList/stable.ts
  • src/SortableList/style.ts
  • src/SortableList/type.ts
  • src/SortableList/components/DragHandle.tsx
  • src/SortableList/components/SortableItem.tsx
  • src/SortableList/components/SortableOverlay.tsx
Source
https://github.com/lobehub/lobe-ui

Categories

More from Lobe UI