Tumpukan adalah daftar yang diciutkan yang hanya menampilkan satu konten dalam satu waktu, dalam visual bertumpuk, seperti notifikasi atau kartu.
Prinsip
Stack adalah komponen penampung, sehingga memiliki prinsip desain yang sama dengan kartu dan daftar:
Penampungan: Tumpukan mengelompokkan informasi dan tindakan terkait ke dalam satu unit yang mudah dipahami.
Fokus & Kejelasan (Focused & Clarity): Mereka menyajikan konten dengan jelas dan terfokus.
Fleksibilitas: Tumpukan dapat menampilkan kartu dan notifikasi.
Presentasi yang Konsisten: Stack mengikuti struktur visual yang konsisten.
Penggunaan & Penempatan
Tumpukan adalah cara untuk menunjukkan kepada pengguna bahwa ada beberapa elemen yang diciutkan dalam daftar sekaligus meminimalkan elemen visual dalam tampilan. Ada dua varian stack yang berbeda:
Tumpukan kartu
Tumpukan notifikasi
Stack adalah komponen penampung, kedua versi tidak bertindak atau terlihat berbeda.
Keduanya akan terlihat dan bertindak hampir identik. Stack adalah penampung untuk kontrol ini dengan logika bawaan untuk penomoran halaman.
Navigasi tumpukan
Pengguna melakukan navigasi dengan menggeser atau menarik sepanjang touchpad maju dan mundur. Men-scroll stack hanya akan berpindah ke satu item dalam satu waktu.
Tumpukan dapat dilalui satu item dalam satu waktu.
Saat input sentuh, tumpukan dapat menampilkan satu item dalam satu waktu dengan bergerak secara vertikal, dan menjadi daftar untuk menampilkan lebih dari satu elemen dalam satu waktu. Daftar harus menggunakan penampung default dan status fokus.
Menggunakan kedalaman untuk menunjukkan fokus
Item stack bawah menggunakan kedalaman 0, sedangkan item paling atas menggunakan kedalaman +2.
Anatomi
Tumpukan selalu diciutkan sebagai komponen penomoran halaman. Item teratas selalu menjadi fokus utama, menampilkan kedalaman batas yang lebih kuat, kecuali jika ada tombol yang diaktifkan dan bertingkat.
Menggeser melewati awal atau akhir tumpukan akan menampilkan animasi peregangan standar, yang memperkuat awal atau akhir tumpukan.
Penyesuaian
Tumpukan memiliki scrim, penomoran halaman, dan animasi bawaan yang tidak dapat disesuaikan. Sebaliknya, konten dalam stack disesuaikan.
Anjuran
