Pagination
Navigation pagination controls with page numbers, prev/next actions, and ellipsis logic.
1Installation
npm i elementra-ui2Add Component CLI
npx elementra-ui add pagination3Interactive Preview
Current Active Page: 1 of 10
•••
Code Usage
import { Pagination } from "@/components/ui/pagination";
export default function PaginationDemo() {
const [page, setPage] = useState(1);
return (
<Pagination
currentPage={page}
totalPages={10}
onPageChange={(newPage) => setPage(newPage)}
/>
);
}