PageSelector

import { PageSelector } from "@fanvue/ui";
import type { PageSelectorProps } from "@fanvue/ui";

import { PageSelector } from "@fanvue/ui";

<PageSelector totalPages={3} currentPage={1} />

import { PageSelector } from "@fanvue/ui";

<PageSelector totalPages={3} currentPage={2} disabled />

import { PageSelector } from "@fanvue/ui";

<PageSelector
  totalPages={5}
  currentPage={2}
  formatLabel={(current, total) => `Page ${current} / ${total}`}
/>

import { PageSelector } from "@fanvue/ui";

<PageSelector totalPages={3} currentPage={2} />

import { useState } from "react";
import { PageSelector } from "@fanvue/ui";

function Example() {
  const [page, setPage] = useState(1);
  return <PageSelector totalPages={3} currentPage={page} onPageChange={setPage} />;
}