Count Up

Default

Start Programmatically

With Gradient

Props

PropertyTypeDefaultDescription
to
number
The target number to count up to.
from
number
0
The initial number from which the count starts.
direction
string
"up"
Direction of the count; can be "up" or "down".
delay
number
0
Delay in seconds before the counting starts.
duration
number
2
Duration of the count animation.
class
string
""
CSS class to apply to the component.
startWhen
boolean
true
Control whether the animation should start when the component is in view.
separator
string
""
Character to use as a thousands separator.
onStart
function
Callback function called when animation starts.
onEnd
function
Callback function called when animation ends.

Dependencies