Sliding Number
A component that slides numbers.
Examples
Clock
0
01234567890
01234567890
01234567890
01234567890
01234567890
0123456789Sliding number with slider
Current ARR:
$
0
01234567890
01234567890
0123456789Sliding number basic
0
0123456789Installation
npx motion-primitives@latest add sliding-number
Component 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.