Pagination

<c-bs-pagination>
  <c-bs-pagination-item href="#">Previous</c-bs-pagination-item>
  <c-bs-pagination-item href="#">1</c-bs-pagination-item>
  <c-bs-pagination-item href="#">2</c-bs-pagination-item>
  <c-bs-pagination-item href="#">3</c-bs-pagination-item>
  <c-bs-pagination-item href="#">Next</c-bs-pagination-item>
</c-bs-pagination>

<c-bs-pagination>
  <c-bs-pagination-item href="#" aria_label="Previous">
    <span aria-hidden="true">&laquo;</span>
  </c-bs-pagination-item>
  <c-bs-pagination-item href="#">1</c-bs-pagination-item>
  <c-bs-pagination-item href="#">2</c-bs-pagination-item>
  <c-bs-pagination-item href="#">3</c-bs-pagination-item>
  <c-bs-pagination-item href="#" aria_label="Next">
    <span aria-hidden="true">&raquo;</span>
  </c-bs-pagination-item>
</c-bs-pagination>

<c-bs-pagination>
  <c-bs-pagination-item href="#">Previous</c-bs-pagination-item>
  <c-bs-pagination-item href="#">1</c-bs-pagination-item>
  <c-bs-pagination-item href="#" c-active="True">2</c-bs-pagination-item>
  <c-bs-pagination-item href="#">3</c-bs-pagination-item>
  <c-bs-pagination-item href="#">Next</c-bs-pagination-item>
</c-bs-pagination>

<c-bs-pagination>
  <c-bs-pagination-item c-disabled="True">Previous</c-bs-pagination-item>
  <c-bs-pagination-item href="#">1</c-bs-pagination-item>
  <c-bs-pagination-item href="#" c-active="True">2</c-bs-pagination-item>
  <c-bs-pagination-item href="#">3</c-bs-pagination-item>
  <c-bs-pagination-item href="#">Next</c-bs-pagination-item>
</c-bs-pagination>

<c-bs-pagination size="lg">
  <c-bs-pagination-item c-active="True">1</c-bs-pagination-item>
  <c-bs-pagination-item href="#">2</c-bs-pagination-item>
  <c-bs-pagination-item href="#">3</c-bs-pagination-item>
</c-bs-pagination>

<c-bs-pagination size="sm">
  <c-bs-pagination-item c-active="True">1</c-bs-pagination-item>
  <c-bs-pagination-item href="#">2</c-bs-pagination-item>
  <c-bs-pagination-item href="#">3</c-bs-pagination-item>
</c-bs-pagination>

<c-bs-pagination c-ul_attrs="{'class': 'justify-content-center'}">
  <c-bs-pagination-item c-disabled="True">Previous</c-bs-pagination-item>
  <c-bs-pagination-item href="#">1</c-bs-pagination-item>
  <c-bs-pagination-item href="#">2</c-bs-pagination-item>
  <c-bs-pagination-item href="#">3</c-bs-pagination-item>
  <c-bs-pagination-item href="#">Next</c-bs-pagination-item>
</c-bs-pagination>

<c-bs-pagination c-ul_attrs="{'class': 'justify-content-end'}">
  <c-bs-pagination-item c-disabled="True">Previous</c-bs-pagination-item>
  <c-bs-pagination-item href="#">1</c-bs-pagination-item>
  <c-bs-pagination-item href="#">2</c-bs-pagination-item>
  <c-bs-pagination-item href="#">3</c-bs-pagination-item>
  <c-bs-pagination-item href="#">Next</c-bs-pagination-item>
</c-bs-pagination>