<card-list>
  <ul class="pagination center-align">
      <li xyz="qwer" class={disabled: page<2}><a onclick={back}><i class="material-icons">chevron_left</i></a>
  </li>
  <li class={active: page, waves-effect: !page}>
    <a href="#!">1</a>
  </li>
  <li class="waves-effect">
    <a href="#!">2</a>
  </li>
  <li class="waves-effect">
    <a href="#!">3</a>
  </li>
  <li class="waves-effect">
    <a href="#!">4</a>
  </li>
  <li class="waves-effect">
    <a href="#!">5</a>
  </li>
  <li class="waves-effect">
    <a href="#!">
      <i class="material-icons">chevron_right</i>
    </a>
  </li>
</ul>

<script>
  var self = this;
</script>

</card-list>