Count Up
Анимирует число от одного значения к другому, когда оно появляется на экране. Форматирование в комплекте.
зависимости 0файлы tsxпараметры 9react 18+
скачиваний за год
X 0000 Y 0000
Пульт09 параметров
01from
Начальное значение.
02to
Конечное значение.
03duration
s
Длительность анимации.
04delay
s
Задержка после появления.
05decimals
Знаков после запятой.
06separator
Разделитель тысяч.
07prefix
Текст перед числом.
08suffix
Текст после числа.
09ease
Кривая сглаживания.
01 Пропсы
| Проп | Тип | По умолчанию | Описание |
|---|---|---|---|
from | number | 0 | Начальное значение. |
to | number | 128400 | Конечное значение. |
duration | number | 2.2 | Длительность анимации. |
delay | number | 0 | Задержка после появления. |
decimals | number | 0 | Знаков после запятой. |
separator | ',' | ' ' | ''' | '' | "," | Разделитель тысяч. |
prefix | string | "" | Текст перед числом. |
suffix | string | "+" | Текст после числа. |
ease | 'out' | 'inOut' | 'linear' | 'overshoot' | "out" | Кривая сглаживания. |
startOnView | boolean | true | Ждать появления на экране перед счётом. |
onEnd | () => void | — | Вызывается, когда счёт закончен. |
className | string | — | Передаётся корневому элементу. |
style | CSSProperties | — | Передаётся корневому элементу. |