Astra

Scrub Field

Number chip you drag to scrub, with rubber-band limits and click to type.

Scrub Field, a Astra component

Use Scrub Field 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/ScrubField-TS-TW
How to install Astra components

Related components

  • Comet Dial

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

  • Squish Switch

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

  • Code Slots

    One-time code input whose digits spring into their slots, with paste and SMS autofill.