Astra

Swipe Toast

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

Swipe Toast, a Astra component

Use Swipe Toast 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/SwipeToast-TS-TW
How to install Astra components

Related components

  • Fuse Button

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

  • Swipe Row

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

  • Thought Line

    Reasoning trace header with a live clock that folds its steps into one line when done.