Skip to content
On this page

Pagination

The pagination component can be used to navigate across a series of content and data sets for various pages such as blog posts, products, and more. You can use multiple variants of this component with or without icons and even for paginating table data entries.

Basic Pagination Example

js
import Pagination from "@/components/Pagination";

const Example = () => {
  const [currentPage, setCurrentPage] = useState(1);
  const [totalPages, setTotalPages] = useState(6);

  return (
    <div>
      <Pagination
        totalPages={totalPages}
        currentPage={currentPage}
        handlePageChange={handlePageChange}
      />
    </div>
  );
};

COPYRIGHT © 2022 Codeshaper, All rights reserved.