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>