Astra

Slide Commit

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

Slide Commit, a Astra 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 Astra 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.