คอมโพเนนต์ทั้งหมด
Pagination
แบ่งรายการยาวเป็นหน้า พร้อมหน้าแรก หน้าสุดท้าย และหน้าใกล้เคียง
ui/navigation.tsxServer safeใช้งาน
แสดงหน้าแรก หน้าสุดท้าย และหน้าข้างเคียง ที่เหลือย่อเป็นจุด
<Pagination page={6} total={12} href={page => `/notes?page=${page}`} />Props
| Prop | Type | Default | คำอธิบาย |
|---|---|---|---|
page | number | - | หน้าปัจจุบัน เริ่มที่ 1 |
total | number | - | จำนวนหน้าทั้งหมด |
href | (page) => string | - | สร้างลิงก์ของแต่ละหน้า |
การเข้าถึง
- หน้าปัจจุบันมี aria-current=page
- ปุ่มก่อนหน้าและถัดไปที่ใช้ไม่ได้ตั้ง aria-disabled