Pagination
FREEÜç noktalı, kayan aktif sayfa göstergeli, ilk/son düğmeli, kompakt modlu ve SEO uyumlu bağlantılı sayfalama.
Kurulum
Terminal
npx @bloxa/cli add pagination
# or: npx shadcn@latest add @bloxa/paginationOtomatik kurulan paketler: motion
Örnekler
Varyantlar
API
Her bileşen, oluşturduğu HTML elemanının özelliklerini de kabul eder.
Pagination
| Özellik | Tip | Varsayılan | Açıklama |
|---|---|---|---|
| page / defaultPage | number | — | Geçerli sayfa (1'den). |
| pageCount | number | — | Toplam sayfa. |
| onPageChange | (page) => void | — | Sayfa değişince. |
| siblings / boundaries | number | 1 / 1 | Yanda ve uçlarda gösterilen sayfalar. |
| showEdges | boolean | false | İlk/son düğmeleri. |
| compact | boolean | false | "3 / 12" biçimi. |
| getHref | (page) => string | — | Gerçek bağlantılar (SEO). |