Pagination Patterns

Reusable pagination components — Basic, Per-page size, Load more, Infinite scroll พร้อมใช้งานทันที

Basic Pagination

Reusable pagination — page numbers, ellipsis อัตโนมัติ, prev/next พร้อม disabled state

Component — ดูโค้ดด้านล่าง

Compose Pagination + Select — ไม่แยก component เพราะ layout ต่าง project ไม่เหมือนกัน

Component — ดูโค้ดด้านล่าง

แสดง 1-5 จาก 50 รายการ

ปุ่ม Load more — auto loading spinner, ซ่อนเมื่อหมด. เหมาะกับ feed, comment list

Component — ดูโค้ดด้านล่าง

Auto-load เมื่อ scroll ถึง — ใช้ IntersectionObserver. เหมาะกับ social feed, gallery

Component — ดูโค้ดด้านล่าง