Swipe Row

List row that swipes open to reveal actions and deletes on a full swipe.

Use Swipe Row in your project

Choose JavaScript or TypeScript and plain CSS or Tailwind. Enable JavaScript for the interactive preview, customization controls and source tabs.

npx shadcn@latest add @react-bits/SwipeRow-TS-TW

Related components

• Shredder

  A list with a paper shredder at the bottom that cuts dragged rows into curling strips.

• Swipe Toast

  Toast that swipes down to dismiss and burns a thin fuse for its remaining time.

• Slide Commit

  Slide-to-confirm handle that spins while your action runs and unfurls into a done pill.