Pagination Component Showcase

Introduction

The Pagination component provides several styles for navigating through pages. Below are examples demonstrating different styles such as default, outlined, minimal, round, and primary.

Usage Examples

Default Pagination

<Pagination
  currentPage={currentPage}
  totalPages={5}
  onPageChange={handlePageChange}
  variant="default"
/>

Outlined Pagination

<Pagination
  currentPage={currentPage}
  totalPages={5}
  onPageChange={handlePageChange}
  variant="outlined"
/>

Minimal Pagination

<Pagination
  currentPage={currentPage}
  totalPages={5}
  onPageChange={handlePageChange}
  variant="minimal"
/>

Round Pagination

<Pagination
  currentPage={currentPage}
  totalPages={5}
  onPageChange={handlePageChange}
  variant="round"
/>

Primary Pagination

<Pagination
  currentPage={currentPage}
  totalPages={5}
  onPageChange={handlePageChange}
  variant="primary"
/>