PaginationNavigation durch Inhaltsseiten.
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} /> );}