Pagination Component

Classes: .pagination, .page-item, .page-link, .page-link.active, .page-item.disabled

Features:

• Pagination controls with active/disabled states
• Rounded corners and color transitions

Example

Usage:

<ul class="pagination">
  <li class="page-item disabled">
    <a class="page-link disabled" href="#">Previous</a>
  </li>

  <li class="page-item">
    <a class="page-link" href="#">1</a>
  </li>

  <li class="page-item">
    <a class="page-link active" href="#">2</a>
  </li>

  <li class="page-item">
    <a class="page-link" href="#">3</a>
  </li>

  <li class="page-item">
    <a class="page-link" href="#">Next</a>
  </li>
</ul>

Customization:

• Add utility classes for custom styles