دکمه آیکون‌دار
کاری را با یک آیکون انجام می‌دهد و صفحه‌خوان نامش را می‌خواند.
گونه‌ها و تون‌ها
گونهprimaryneutralerrorغیرفعالدر حال انجام
filled
tonal
outlined
text
اندازه‌ها
خیلی کوچک
کوچک
متوسط
بزرگ
حالت‌ها
گونهعادیهاورفوکوسفشردن
filled
filled، عادی
filled، هاور
filled، فوکوس
filled، فشردن
tonal
tonal، عادی
tonal، هاور
tonal، فوکوس
tonal، فشردن
outlined
outlined، عادی
outlined، هاور
outlined، فوکوس
outlined، فشردن
text
text، عادی
text، هاور
text، فوکوس
text، فشردن
حرکت
حرکت دکمه آیکون‌دار درجاست: با فشردن کمی جمع می‌شود، در ۲۱۰ میلی‌ثانیه برمی‌گردد و رنگ حالت‌هایش در ۱۵۰ میلی‌ثانیه عوض می‌شود.
ساختار
ساخته شده از
از هیچ کامپوننت دیگری استفاده نمی‌کند و فقط از توکن‌ها و آیکون‌ها ساخته شده است.
توکن‌ها
- رنگcolor-error, color-error-container, color-on-error, color-on-error-container, color-on-primary, color-on-primary-container, color-on-surface, color-on-surface-variant, color-outline, color-primary, color-primary-container, color-surface-container-high, color-surface-container-low, color-surface-container-lowest
- اندازهsize-control-lg, size-control-md, size-control-sm, size-control-xl, size-control-xs, size-icon-in-control-lg, size-icon-in-control-md, size-icon-in-control-sm, size-icon-in-control-xs
- فرم و حاشیهshape-corner-full, shape-corner-md, shape-corner-shape, shape-corner-sm
- سطح و ارتفاعelevation-shadow-level1, elevation-shadow-rim
- حرکتmotion-easing-linear, motion-easing-loop, motion-loop-pulse, motion-loop-spin, motion-scale-press-icon, motion-transition-fade, motion-transition-fade-close, motion-transition-press, motion-transition-small
- فوکوس و حالت‌هاfocus-ring-color-default, focus-ring-offset, focus-ring-width, state-layer-focus, state-layer-hover, state-layer-pressed, state-opacity-disabled-content
به کار رفته در