Effect 3 - Counting Number
Pro
An accessible counting number effect with reduced-motion support, lifecycle-safe controls, and smooth CSS counter transitions.
Code
Usage
<Effect3
start-value={0}
end-value={1250000}
duration={1.5}
/>Props
| prop | type | default | description |
|---|---|---|---|
startValue | number | 0 | Starting value for the counter. |
endValue | number | required | Target value the counter animates toward. |
duration | number | 1 | Animation duration in seconds. |
prefix | string | undefined | Text displayed before the animated number. |
suffix | string | undefined | Text displayed after the animated number. |
group | string | undefined | Group name used to coordinate counter toggle events. |