Number Ticker

Animate numbers to count up or down to a target number


API

Prop NameTypeDefaultDescription
valueint0Value to count to
directionup | downupDirection to count in
decimalPlacesnumber0Number of decimal places to show
delaynumber0Delay before counting (in milliseconds)
durationnumber1000Total duration for the entire animation (in milliseconds).
transitionTransitionPresetseaseOutCubicName of transition preset (https://vueuse.org/core/useTransition)

Component Code

You can copy and paste the following code to create this component:

NumberTicker.vue

Credits