Pagination

Default .e-pagination

<div class="e-pagination">
  <a href="#" class="e-pagination__item e-pagination__item-prev">
    <e-icon icon="caret-left"></e-icon>
  </a>
  <a href="#" class="e-pagination__item">
    1
  </a>
  <a href="#" class="e-pagination__item e-pagination__item-active">
    2
  </a>
  <a href="#" class="e-pagination__item">
    3
  </a>
  <span class="e-pagination__item e-pagination__item-disabled">
    ...
  </span>
  <a href="#" class="e-pagination__item">
    10
  </a>
  <a href="#" class="e-pagination__item">
    20
  </a>
  <a href="#" class="e-pagination__item e-pagination__item-next">
    <e-icon icon="caret-right"></e-icon>
  </a>
</div>

                        <div class="e-pagination"><a href="#" class="e-pagination__item e-pagination__item-prev">
                            <e-icon icon="caret-left"></e-icon></a><a href="#" class="e-pagination__item">1</a><a href="#" class="e-pagination__item e-pagination__item-active">2</a><a href="#" class="e-pagination__item">3</a><span class="e-pagination__item e-pagination__item-disabled">...</span><a href="#" class="e-pagination__item">10</a><a href="#" class="e-pagination__item">20</a><a href="#" class="e-pagination__item e-pagination__item-next">
                            <e-icon icon="caret-right"></e-icon></a></div>

Related components

TableButtonButton group

Last update

Message feat(components): use stylelint rules
Date:
()
Committer: rudywaltz
Component history