Pager

Indikator halaman mewakili halaman yang aktif saat ini dan total halaman overlay yang memungkinkan Anda berpindah secara horizontal di antara konten.

Elemen desain harus ditambatkan ke bagian bawah bingkai.

Prinsip

Stack adalah komponen penampung, sehingga memiliki prinsip desain yang sama dengan kartu dan daftar:

Masukan yang Jelas: Pager mengomunikasikan posisi pengguna dalam carousel konten.

Kontekstual: Tujuan utama penomoran halaman adalah untuk memberikan konteks yang jelas dan langsung untuk konten yang terkait dengannya.

Ringkas: Pager kecil dan tepat dalam bahasa visual.

Penggunaan & Penempatan

Pencari halaman menunjukkan posisi pengguna saat ini dalam urutan konten linear.

Pengguna dapat menggeser pager dengan cepat.

Elemen desain harus ditambatkan ke bagian bawah bingkai. Elemen ini ditempatkan di atas area kolom sistem dan di bawah area konten.

Anjuran

Kartu disusun dalam baris tanpa tumpang-tindih

Larangan

Izinkan kartu tumpang-tindih. Hanya satu kartu yang terlihat dalam satu waktu.

Anatomi

Penomoran halaman terdiri dari deretan titik indikasi dalam status aktif dan tidak aktif.

Pager terdiri dari deretan titik indikasi dalam status aktif dan tidak aktif. A. Aktif (Halaman saat ini)

B. Halaman tidak aktif

Pengatur halaman menunjukkan menggeser ke arah yang salah.

Pager terdiri dari deretan titik indikasi dalam status aktif dan tidak aktif.

Jika ada lima titik atau lebih, titik tambahan ditunjukkan dengan titik pertama yang lebih kecil dan menggeser seluruh baris hingga akhir.

Penyesuaian

Pencari halaman memiliki scrim, penomoran halaman, dan animasi bawaan yang tidak dapat disesuaikan. Sebaliknya, konten dalam pager stack disesuaikan.

Sebelumnya
Indikator progres