Pagination

Provides a way to paginate between long results

Pagination with loading idicators

If working on Ajax implementations of paginiation you can use the .bc-notify-badge as shown below.

<ul class="pagination">
  <li class="prev">
    <a href="#" aria-label="Previous">
      <svg class="bc-svg bc-svg-left-open-mini bc-dir" aria-hidden="true">
        <use xlink:href="#icon-left-open-mini"></use>
      </svg>
      Previous
      <span class="bc-notify-badge">
        <span class="bc-loader"></span>
      </span>
    </a>
  </li>
  <li><a href="#">1</a></li>
  <li><a href="#">2</a></li>
  <li class="active"><span>3</span></li>
  <li><a href="#">4</a></li>
  <li class="pager-ellipsis disabled"><span>&hellip;</span></li>
  <li class="next">
    <a href="#" aria-label="Next">
      <svg class="bc-svg bc-svg-right-open-mini bc-dir" aria-hidden="true">
        <use xlink:href="#icon-right-open-mini"></use>
      </svg>
      next
      <span class="bc-notify-badge">
        <span class="bc-loader"></span>
      </span>
    </a>
  </li>
</ul>