Counter

import Counter from '@semcore/ui/counter';
<Counter />;

CounterProps

& {...}

Name	Type	Description
theme	"warning" | "danger" | "info" | string	Counter theme or custom color
size	"m" | "l" | "xl"	Counter size

AnimatedNumber

The component which will render some value with animation from initValue (0 by default).

import { AnimatedNumber } from '@semcore/ui/counter';
<AnimatedNumber />;

AnimatedNumberBaseProps

Name	Type	Description
easing	(t: number) => number	Animates number change, receives value between 0 and 1 and returns value in range from 0 to 1, e.g. for linear easing pass (t) => t
formatValue	(value: number) => string	Stringify number, receives a fraction value
duration	number	Duration time in ms
delay	number	Delay before animation in ms
initValue	number	The value from which to start the animation
value	number	The value by which to end the animation