Pagination

import * as React from "react";
import { Pagination } from "@/components/ui/pagination";

export default function Example() {
  const [page, setPage] = React.useState(3);
  return <Pagination page={page} pageCount={9} onPageChange={setPage} />;
}

#Installation

$ npx uix-ui@latest add pagination

This copies the file into components/ui/pagination.tsx in your project. npx shadcn@latest add @uix/pagination works too.

#Usage

import { Pagination } from "@/components/ui/pagination";

<Pagination page={page} pageCount={9} onPageChange={setPage} />

#Props

Everything else is passed to the root element, so className, aria-* and event handlers work as usual.

#Dependencies

Installed for you by the CLI.

• class-variance-authority
• clsx
• tailwind-merge

• lib/utils.ts
• components/ui/icons.tsx