صفحه‌بندی

paginationکامپوننت

صفحه‌بندی با اعداد فارسی، سه‌نقطه و فلش‌هایی در جهت راست‌چین.

نصب

  1. با CLI

    اگر هنوز init نکردید، اول از راهنمای نصب پروژه را آماده کنید. بعد این دستور کامپوننت و وابستگی‌هاش را می‌نویسه.

    $ npx vibefarsi add pagination
  2. نصب دستی

    محتوای تب «کد» را در components/ui/pagination.tsx بگذارید.

    $ npm i lucide-react
    کپی کل فایلregistry json

استفاده

usage.tsx
1import { Pagination } from "@/components/ui/pagination"23<Pagination page={page} total={12} onChange={setPage} />

پراپ‌ها

پراپنوعپیش‌فرضتوضیح
page / totalnumber-صفحه‌ی فعلی (از ۱) و تعداد کل.
siblingsnumber1چند شماره دور صفحه‌ی فعلی.