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 fokus.
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 sambil 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 sama. Stack adalah penampung untuk kontrol ini dengan logika bawaan untuk penomoran halaman.
Pengguna melakukan navigasi dengan menggeser atau menarik sepanjang touchpad maju dan mundur. Men-scroll stack hanya akan berpindah ke satu item dalam satu waktu.
Menggunakan kedalaman untuk menunjukkan fokus
Item stack bawah menggunakan kedalaman 0, sedangkan item paling atas menggunakan kedalaman +2.
Tumpukan dapat dilalui satu item dalam satu waktu
Saat input sentuh, tumpukan dapat menampilkan satu item dalam satu waktu dengan bergerak secara vertikal.
Setelah input sentuh, tumpukan dapat menjadi daftar untuk menampilkan lebih dari satu elemen dalam satu waktu. Daftar harus menggunakan penampung default dan status fokus.
Anatomi
Tumpukan selalu diciutkan sebagai komponen penomoran halaman. Item teratas selalu menjadi fokus utama, menampilkan kedalaman batas yang lebih kuat, kecuali jika ada tombol bertingkat yang diaktifkan.
Bumper membantu memperkuat akhir dan awal stack. Animasi pegas yang mengembalikan daftar ke tempatnya saat dilepaskan.
Penyesuaian
Tumpukan memiliki scrim, penomoran halaman, dan animasi bawaan yang tidak dapat disesuaikan. Sebaliknya, konten dalam stack disesuaikan.