صفحهبندی
paginationکامپوننتصفحهبندی با اعداد فارسی، سهنقطه و فلشهایی در جهت راستچین.
نصب
با CLI
اگر هنوز init نکردید، اول از راهنمای نصب پروژه را آماده کنید. بعد این دستور کامپوننت و وابستگیهاش را مینویسه.
$ npx vibefarsi add paginationنصب دستی
محتوای تب «کد» را در
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 / total | number | - | صفحهی فعلی (از ۱) و تعداد کل. |
| siblings | number | 1 | چند شماره دور صفحهی فعلی. |