PaginationNavigate through pages of content.

Pagination (basic)

import Pagination from '@/components/Pagination';import { useState } from 'react';
export function Example() {  const [currentPage, setCurrentPage] = useState(1);
  return (    <Pagination      $currentPage={currentPage}      $totalPages={10}      $onPageChange={setCurrentPage}    />  );}

Pagination (sizes)

import Pagination from '@/components/Pagination';import { useState } from 'react';
export function Example() {  const [currentPage, setCurrentPage] = useState(1);
  return (    <>      <Pagination        $currentPage={currentPage}        $totalPages={10}        $onPageChange={setCurrentPage}        $size="s"      />      <Pagination        $currentPage={currentPage}        $totalPages={10}        $onPageChange={setCurrentPage}        $size="default"      />    </>  );}

Pagination (without first/last buttons)

import Pagination from '@/components/Pagination';import { useState } from 'react';
export function Example() {  const [currentPage, setCurrentPage] = useState(1);
  return (    <Pagination      $currentPage={currentPage}      $totalPages={10}      $onPageChange={setCurrentPage}      $showFirstLast={false}    />  );}