Pagination Component
Pagination is a web design technique used to divide large volumes of information into smaller, manageable pieces, making it easier for users to navigate through content.
Pagination
With Previous & Next
<div class="join mb-4">
<button class="join-item btn"> < </button>
<button class="join-item btn active">1</button>
<button class="join-item btn">2</button>
<button class="join-item btn">3</button>
<button class="join-item btn"> > </button>
</div>
<div className="join mb-4">
<button className="join-item btn"> < </button>
<button className="join-item btn active">1</button>
<button className="join-item btn">2</button>
<button className="join-item btn">3</button>
<button className="join-item btn"> > </button>
</div>
More Pages
<div class="join">
<button class="join-item btn"> < </button>
<button class="join-item btn active">1</button>
<button class="join-item btn">2</button>
<button class="join-item btn">...</button>
<button class="join-item btn">99</button>
<button class="join-item btn"> > </button>
</div>
<div className="join">
<button className="join-item btn"> < </button>
<button className="join-item btn active">1</button>
<button className="join-item btn">2</button>
<button className="join-item btn">...</button>
<button className="join-item btn">99</button>
<button className="join-item btn"> > </button>
</div>