Dev Design Library

Swipe to Delete

An iOS-style swipeable list-item wrapper that reveals a delete action on drag, pops the icon at the commit threshold, and collapses the row before firing onDelete.

Swipe to Delete preview
Library
Spectrum UI
Framework
React
Type
component
License
Apache-2.0
Dependencies
framer-motion, lucide-react
Install
npx shadcn@latest add @spectrumui/swipe-to-delete
Files
  • app/registry/swipe-to-delete/swipe-to-delete.tsx
  • lib/utils.ts
Source
https://github.com/arihantcodes/spectrum-ui

Categories

More from Spectrum UI