Penomboran halaman
Membolehkan pengguna melayari set kandungan yang besar yang dibahagikan kepada halaman yang berasingan
Jenis
- Jenis 1: Sesuai untuk konteks di mana pengguna ingin melompat ke halaman tertentu dalam sejumlah besar halaman.
- Jenis 2: Sesuai untuk navigasi yang lebih ringkas di mana pengguna bergerak ke depan atau belakang.
- Jenis 3: Mirip dengan Jenis 2, jenis ini memaparkan halaman semasa dan jumlah halaman di sebelah kiri serta butang navigasi di sebelah kanan.
Butang Sebelum & Seterusnya
Gunakan Button Type: Secondary sebagai komponen butang. Apabila butang dinyahaktifkan, hilangkan bayangan di bawah butang.
- Asal: Elemen muncul apabila tidak berinteraksi dengan pengguna.
- Hover: Elemen berubah apabila pengguna menggerakkan tetikus di atasnya.
- Focused: Elemen kelihatan aktif atau terpilih, biasanya melalui navigasi papan kekunci (TAB) atau klik tetikus.
- Butang Sebelumnya: Dinonaktifkan apabila pengguna berada di halaman pertama. Diaktifkan apabila pengguna berada di halaman lain.
- Butang Seterusnya: Dinonaktifkan apabila pengguna berada di halaman terakhir. Diaktifkan apabila pengguna berada di halaman lain.
- Kedua-dua Butang Dinonaktifkan: Apabila hanya terdapat satu halaman.
Nombor Penomboran
Gunakan Button Type: Tertiary sebagai komponen butang.
- Asal: Keadaan awal nombor penomboran.
- Hover & Terpilih: Apabila tetikus diletakkan di atas nombor atau nombor dipilih.
- Focused Default: Apabila nombor penomboran terpilih atau difokuskan.
- Dilumpuhkan (Disabled): Nombor atau elemen yang tidak boleh diklik.
- Focused & Terpilih: Keadaan terpilih apabila difokuskan.