ซ้อน

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

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

AI

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

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

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

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

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

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

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

กองการ์ด

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

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

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

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

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

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

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

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

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

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

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

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

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

การปรับแต่ง

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