رفتن به محتوا

لایت‌باکس

عکس را از جای خودش تا همه صفحه بزرگ می‌کند.

دفتری باز با خط‌های آبی و دو مداد رنگی

حرکت

حرکت لایت‌باکس تبدیل (Container transform) است: خود عکس در ۴۰۰ میلی‌ثانیه از قابش بزرگ می‌شود و با بستن به همان قاب برمی‌گردد.

دو کیف مدرسه آبی و زرد کنار هم — خود عکس از قابش بزرگ می‌شود و لایت‌باکس را پر می‌کند. دکمه‌ها و توضیح عکس بعد از نشستن عکس پشت سر هم می‌رسند و موقع بستن اول می‌روند. عکس به قاب همان عکسی برمی‌گردد که آخر دیدید. همه تبدیل‌ها

دفتری باز با خط‌های آبی و دو مداد رنگی — خود عکس از قابش بزرگ می‌شود و لایت‌باکس را پر می‌کند. دکمه‌ها و توضیح عکس بعد از نشستن عکس پشت سر هم می‌رسند و موقع بستن اول می‌روند. عکس به قاب همان عکسی برمی‌گردد که آخر دیدید. همه تبدیل‌ها

ساختار

ساخته شده از

دکمه آیکون‌دار، پنهان از دید

آیکون‌ها

AltArrowLeft, AltArrowRight, Close

توکن‌ها

رنگcolor-on-surface, color-on-surface-muted, color-on-surface-variant, color-surface-dim
تایپوگرافیtypography-body-medium-font-family, typography-body-medium-font-size, typography-body-medium-font-variation-settings, typography-body-medium-font-weight, typography-body-medium-letter-spacing, typography-body-medium-line-height, typography-label-small-font-size, typography-label-small-font-variation-settings, typography-label-small-font-weight, typography-label-small-letter-spacing, typography-label-small-line-height
فاصلهspace-0, space-1, space-16, space-2, space-20, space-24, space-3, space-5, space-6, space-half
فرم و حاشیهshape-corner-lg, shape-corner-md, shape-corner-shape, shape-corner-sm, shape-corner-window, shape-corner-xl, shape-corner-xs
سطح و ارتفاعz-index-dialog
فوکوس و حالت‌هاfocus-ring-color-default, focus-ring-offset, focus-ring-width
چیدمان صفحهlayout-container-default, layout-container-prose

به کار رفته در

هنوز هیچ جزء بزرگ‌تری از آن استفاده نمی‌کند.