React Bits

Slide Commit

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

Slide Commit, a React Bits component

Use Slide Commit 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/SlideCommit-TS-TW
How to install React Bits components

Related components

  • Fuse Button

    Action button whose done state carries an undo on a burning fuse.

  • Bell Toggle

    Pill toggle where a press rings the bell, crossfades the label and unfurls the pill.

  • Hold Button

    Hold-to-confirm button whose liquid fill rises while pressed and snaps back if you let go.