Astra

Fuse Button

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

Fuse Button, a Astra component

Use Fuse Button 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/FuseButton-TS-TW
How to install Astra components

Related components

  • Hold Button

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

  • Slide Commit

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

  • Swipe Toast

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