Developer Counter
jsx
import Counter from '@semcore/ui/counter';
<Counter />;import Counter from '@semcore/ui/counter';
<Counter />;CounterProps
& {...}| Name | Type | Description |
|---|---|---|
| theme | "warning" | "danger" | string | Counter theme or custom color |
| size | "m" | "l" | "xl" | Counter size |
AnimatedNumber
jsx
import { AnimatedNumber } from '@semcore/ui/counter';
<AnimatedNumber />;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 | |
| delay | number | |
| initValue | number | |
| value | number |