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 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 sama. Tumpukan hanyalah 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 dijelajahi satu item dalam satu waktu
Setelah 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 sekaligus. Daftar harus menggunakan penampung default dan status fokus.
Anatomi
Tumpukan selalu diciutkan sebagai komponen penomoran halaman. Item teratas selalu menjadi fokus utama, yang menampilkan kedalaman batas yang lebih kuat, kecuali jika ada tombol yang diaktifkan dan bertingkat.
Bumper membantu memperkuat akhir/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.