Astra

Sling Button

Send button you pull back like a slingshot and release to fire.

Sling Button, a Astra component

Use Sling 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/SlingButton-TS-TW
How to install Astra components

Related components

  • Squish Switch

    Switch whose thumb stretches with speed and squashes against the end when you flick it.

  • Comet Dial

    Tick-ring dial you flick by angle, with a comet that streaks behind the lit head.

  • Hold Button

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