Skip to content

Counter

Counter

jsx
import Counter from 'intergalactic/counter';
<Counter />;
import Counter from 'intergalactic/counter';
<Counter />;

CounterProps

& {...}
NameTypeDescription
theme"warning" | "danger" | stringCounter theme or custom color
size"m" | "l" | "xl"Counter size

AnimatedNumber

jsx
import { AnimatedNumber } from 'intergalactic/counter';
<AnimatedNumber />;
import { AnimatedNumber } from 'intergalactic/counter';
<AnimatedNumber />;

AnimatedNumberBaseProps

NameTypeDescription
easing(t: number) => numberAnimates 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) => stringStringify number, receives a fraction value
durationnumber
delaynumber
initValuenumber
valuenumber

Released under the MIT License.

Released under the MIT License.