Komponen pada gambar itu disebut Pagination (atau Pagination Navigation).

Pagination digunakan untuk membagi data menjadi beberapa halaman agar pengguna tidak perlu memuat semua data sekaligus.

Pada gambar terdapat elemen-elemen berikut:

• ← : Tombol Previous (halaman sebelumnya)
• 1 : Halaman aktif (active page)
• 2, 3 : Nomor halaman
• … : Ellipsis, menandakan ada halaman yang disembunyikan
• 24 : Halaman terakhir yang ditampilkan
• → : Tombol Next (halaman berikutnya)

Jenis pagination seperti ini sering disebut juga:

• Numbered Pagination
• Pagination with Ellipsis
• Classic Pagination

Framework seperti Bootstrap, Material UI, Ant Design, shadcn/ui, dan Tailwind UI semuanya memiliki komponen pagination dengan tampilan serupa.

Jika konteksnya untuk dokumentasi UI, Anda bisa menuliskannya sebagai:

Pagination adalah komponen navigasi yang memungkinkan pengguna berpindah antar halaman data menggunakan nomor halaman, tombol Previous/Next, serta ellipsis (...) untuk menyederhanakan tampilan ketika jumlah halaman sangat banyak.