Counter Up

Customization	Reference
HTML selector	🔧 [data-arts-component-name="CounterUp"]
Component source	📄 HTML/js/components/CounterUp.js
Component source (gulp)	📄 SOURCE/components/counterUp/CounterUp.js

Default Options

defaults: {
  start: 0,
  target: 20,
  duration: 4,
  prefix: false,
  suffix: false,
  ease: 'power4.out',
  zeros: 2
}

HTML Markup

<div
  class="js-counter-up"
  data-arts-component-name="CounterUp"
  data-arts-component-options="{}"
  data-arts-os-animation="true"
>
  <div class="js-counter-up__number">20</div>
</div>