Sliding Number
A numeric display component that smoothly animates number changes with a sliding transition effect.
Made by imskyleen0
01234567890
01234567890
01234567890
0123456789Installation
Usage
Examples
With decimal
0
01234567890
0123456789Props
| Prop | Type | Default |
|---|---|---|
transition? | SpringOptions | { stiffness: 200, damping: 20, mass: 0.4 } |
decimalPlaces? | number | 0 |
decimalSeparator? | string | . |
padStart? | boolean | false |
inViewOnce? | boolean | true |
inViewMargin? | string | 0px |
inView? | boolean | false |
number | number | string | - |
className? | string | - |
Credits
- Credits to motion primitives for the inspiration