Astra

Tear Ticket

Ticket whose perforated stub tears off by hand, fibre by fibre, and drops away.

Tear Ticket, a Astra component

Use Tear Ticket 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/TearTicket-TS-TW
How to install Astra components

Related components

  • Flip Card

    Two-faced card that flips in 3D on a click, drag or flick and settles on a spring.

  • Rubber Segment

    Segmented control whose rubber thumb stretches across the gap and squashes into place.

  • Squish Switch

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