Sliding Number
A component that slides numbers.
Examples
Clock
Sliding number with slider
Sliding number basic
Installation
npx shadcn@latest add https://ui.ndekocode.dev/r/motion-sliding-number.jsonComponent API
SlidingNumber
| Prop | Type | Default | Description |
|---|---|---|---|
| value | string | The numerical value to be displayed. | |
| padStart | boolean | false | Whether to pad the integer part with a leading zero if it is less than 10. |
| decimalSeparator | string | '.' | The character to use as the decimal separator. |
Credits
Inspired by Number Flow and Animated Counter.