Setup
There are 2 ways to initialise the component.
Automatic
Add data-ecl-auto-init="AnimatedNumbers" attribute to the component's markup:
<div
class="ecl-animated-numbers"
data-ecl-animated-numbers
data-ecl-auto-init="AnimatedNumbers"
>
...
</div>
Manual
const element = document.querySelector('[data-ecl-animated-numbers]');
const animatedNumbers = new ECL.AnimatedNumbers(element, {
animationStyle: 'random',
animationDuration: 1500,
});
animatedNumbers.init();
Retrieve an existing instance
const element = document.querySelector('[data-ecl-animated-numbers]');
const instance = ECL.components.get(element);