AnimatedCounter

A component that counts up to a target value with an animated effect.

Examples

The following blocks are built with this component:

Preview

Code

This component also accepts all the props from Mantine's Text component.

Name		Type	Default value	Description
duration		number	`1000`	Duration of the initial phase of the counter.
prefix		string		The prefix of the counter.
slowdownStepCount		number	`10`	The number of last steps to handle with exponentially increasing duration.
suffix		string		The suffix of the counter.
value	Required	number		The value the counter will reach.