ซ้อน

กองคือรายการที่ยุบซึ่งแสดงเนื้อหาได้ครั้งละ 1 รายการเท่านั้น ในภาพที่ซ้อนกัน เช่น การแจ้งเตือนหรือการ์ด

องค์ประกอบการออกแบบควรยึดไว้ที่ด้านล่างของเฟรม

AI

Stack เป็นคอมโพเนนต์คอนเทนเนอร์ จึงใช้หลักการออกแบบร่วมกับคอมโพเนนต์การ์ดและ รายการ

การบรรจุ: กองจะจัดกลุ่มข้อมูลและการดำเนินการที่เกี่ยวข้องไว้ในหน่วยเดียวที่ เข้าใจได้ง่าย

โฟกัสและความชัดเจน: นำเสนอเนื้อหาอย่างชัดเจนและมีโฟกัส

ความอเนกประสงค์: กองสามารถแสดงการ์ดและการแจ้งเตือนได้

การนำเสนอที่สอดคล้องกัน: กองจะใช้โครงสร้างภาพที่สอดคล้องกัน

การใช้งานและการจัดวาง

กองเป็นวิธีแสดงให้ผู้ใช้เห็นว่ามีองค์ประกอบหลายรายการที่ยุบอยู่ ในรายการ ขณะเดียวกันก็ลดองค์ประกอบภาพที่อยู่ในมุมมอง โดยมีกองซ้อน 2 รูปแบบที่แตกต่างกัน ดังนี้ 

กองการ์ด

การซ้อนการแจ้งเตือน

Stack เป็นคอมโพเนนต์คอนเทนเนอร์ ทั้ง 2 เวอร์ชันไม่ได้ทำงานหรือมีลักษณะแตกต่างกัน 

ทั้ง 2 อย่างควรมีลักษณะและการทำงานที่แทบจะเหมือนกัน Stack เป็นคอนเทนเนอร์สำหรับ การควบคุมเหล่านี้ที่มีตรรกะในตัวสำหรับการแบ่งหน้า 

ผู้ใช้จะไปยังส่วนต่างๆ ได้โดยการปัดหรือลากไปข้างหน้าและข้างหลังบนทัชแพด การเลื่อนกองจะเลื่อนผ่านได้ทีละ 1 รายการเท่านั้น

องค์ประกอบการออกแบบควรยึดไว้ที่ด้านล่างของเฟรม ใช้ความลึกเพื่อระบุโฟกัส

รายการที่อยู่ด้านล่างสุดจะมีความลึกเป็น 0 ส่วนรายการที่อยู่ด้านบนสุดจะมีความลึกเป็น +2

ยึดองค์ประกอบการออกแบบไว้ที่ด้านล่างของเฟรม

คุณเลื่อนดูรายการในกองได้ทีละรายการ

เมื่อมีการแตะ กองจะแสดงสินค้าทีละรายการโดยเลื่อน ในแนวตั้ง

เมื่อแตะเพื่อป้อนข้อมูล สแต็กจะเปลี่ยนเป็นรายการเพื่อแสดงองค์ประกอบมากกว่า 1 รายการ พร้อมกันได้  รายการควรใช้คอนเทนเนอร์เริ่มต้นและสถานะโฟกัส

กายวิภาคศาสตร์

ระบบจะยุบกองเป็นคอมโพเนนต์การแบ่งหน้าเสมอ รายการบนสุดจะเป็น โฟกัสหลักเสมอ โดยจะแสดงความลึกของเส้นขอบที่ชัดกว่า เว้นแต่จะมีปุ่มที่ซ้อนกัน ที่เปิดใช้อยู่

บัมเปอร์ช่วยเสริมจุดสิ้นสุดและจุดเริ่มต้นของกอง ภาพเคลื่อนไหวสปริงที่ ดีดรายการกลับเข้าที่เมื่อปล่อย

องค์ประกอบการออกแบบควรยึดไว้ที่ด้านล่างของเฟรม

การปรับแต่ง

กองมีขอบมืด การแบ่งหน้า และภาพเคลื่อนไหวในตัวที่ปรับแต่งไม่ได้ แต่เนื้อหาภายในกองจะได้รับการปรับแต่ง