Data number card

A data number card is a flexible component that displays information in a visually distinct box. It can include images and text, as well as one or several amounts. The numbers start at 0 and are animated until they reach the final amount.

Type
Basepack

This component displays an image alongside text. The text can include a title, subtitle, and description. It can also contain one or more numbers. These numbers will start at 0 and increase until they reach the final amount. Additionally, you can adjust the image's alignment.
There is optional configuration available for the animation. You can choose the time, in seconds, that it takes to complete the animation and adjust the increment. For example, you can set the increment to 10 by 10 or 100 by 100.