باکس
پسزمینه، پدینگ، گوشه و سطح هر سرفیس را تعیین میکند.
سرفیس و خط دور
سرفیسnoneoutline-variantoutline
surface-container-lowest
رسید پرداخت
رسید پرداخت
رسید پرداخت
surface-container-low
رسید پرداخت
رسید پرداخت
رسید پرداخت
surface-container
رسید پرداخت
رسید پرداخت
رسید پرداخت
surface-container-high
رسید پرداخت
رسید پرداخت
رسید پرداخت
primary-container
رسید پرداخت
رسید پرداخت
رسید پرداخت
inverse-surface
رسید پرداخت
رسید پرداخت
رسید پرداخت
پدینگ
گوشه
xs۴
sm۶
md۱۰
lg۱۴
window۱۸
xl۲۴
full
سطح
level0
level1
level2
level3
level4
level5
ساختار
ساخته شده از
از هیچ کامپوننت دیگری استفاده نمیکند و فقط از توکنها و آیکونها ساخته شده است.
توکنها
- رنگcolor
- فاصلهspace
- فرم و حاشیهshape-corner, shape-corner-shape
- سطح و ارتفاعelevation-shadow-level
به کار رفته در
هنوز هیچ جزء بزرگتری از آن استفاده نمیکند.