Number Ticker
A smooth animated number counter component that animates from 0 to any target value with customizable formatting and styling.
$0.00
Usage
Loading...
Props
| Prop | Type | Default | Description |
|---|---|---|---|
value | number | – | The target number to animate to |
duration | number | 2000 | Animation duration in milliseconds |
delay | number | 0 | Delay before animation starts in milliseconds |
decimalPlaces | number | 0 | Number of decimal places to display |
prefix | string | "" | Text to display before the number (e.g. $, €) |
suffix | string | "" | Text to display after the number (e.g. %, +, K) |
className | string | "" | Additional CSS classes for styling |
onComplete | function | – | Callback function called when animation completes |
Examples
Basic Counter
Loading...
Currency Display
Loading...
Percentage with Callback
Loading...