کارت
یک کمپین یا گزارش را با تصویر و متنش در یک قاب جمع می‌کند.
گونه‌ها و تون‌ها
گونهlowestlowdefaulthighhighest
outlined
بازگشت به مدرسه ۵
پیوند این ترکیب را نمی‌سازد
پیوند این ترکیب را نمی‌سازد
پیوند این ترکیب را نمی‌سازد
پیوند این ترکیب را نمی‌سازد
filled
بازگشت به مدرسه ۵
بازگشت به مدرسه ۵
بازگشت به مدرسه ۵
بازگشت به مدرسه ۵
بازگشت به مدرسه ۵
elevated
بازگشت به مدرسه ۵
پیوند این ترکیب را نمی‌سازد
پیوند این ترکیب را نمی‌سازد
پیوند این ترکیب را نمی‌سازد
پیوند این ترکیب را نمی‌سازد
outlined و elevated همیشه سرفیس lowest دارند و فقط تون سرفیس کارت filled عوض می‌شود.پدینگ
بازگشت به مدرسه ۵۷۸ نفر همراه شده‌اند
بازگشت به مدرسه ۵۷۸ نفر همراه شده‌اند
بازگشت به مدرسه ۵۷۸ نفر همراه شده‌اند
بازگشت به مدرسه ۵۷۸ نفر همراه شده‌اند
حالت‌ها
گونهعادیهاورفوکوسفشردنغیرفعال
outlined
outlined، عادی
outlined، هاور
outlined، فوکوس
outlined، فشردن
outlined، غیرفعال
بازگشت به مدرسه ۵
filled
defaultfilled
default، عادیfilled
default، هاورfilled
default، فوکوسfilled
default، فشردنfilled
default، غیرفعالبازگشت به مدرسه ۵
elevated
elevated، عادی
elevated، هاور
elevated، فوکوس
elevated، فشردن
elevated، غیرفعال
بازگشت به مدرسه ۵
محتوا
بازگشت به مدرسه ۵۷۸ نفر همراه شده‌اند
بازگشت به مدرسه ۵۷۸ نفر همراه شده‌اند
بازگشت به مدرسه ۵۷۸ نفر همراه شده‌اند
حرکت
حرکت کارت درجاست: کارتی که لینک است، با فشردن کمی جمع می‌شود، در ۲۱۰ میلی‌ثانیه برمی‌گردد و رنگ حالت‌هایش در ۱۵۰ میلی‌ثانیه عوض می‌شود. کارتی که جزئیاتش را باز می‌کند، در ۵۰۰ میلی‌ثانیه خودش صفحه جزئیات می‌شود.
کمپین‌های امروز
هر کارت را باز کنید تا داستان کمپین و راه همراهی با آن را ببینید.
سفره‌های رنگی
بسته غذای یک هفته برای خانواده‌هایی که سفره‌شان کوچک شده است.جمع‌شده۶۸٪ از هدف
بازگشت به مدرسه ۵
کوله‌پشتی و نوشت‌افزار برای سه هزار دانش‌آموز.جمع‌شده۴۱٪ از هدف
زمستان گرم
بخاری و پتو برای خانه‌های روستایی، پیش از رسیدن سرما.جمع‌شده۲۳٪ از هدف
کمپین‌های امروز
هر کارت را باز کنید تا داستان کمپین و راه همراهی با آن را ببینید.سفره‌های رنگی
بسته غذای یک هفته برای خانواده‌هایی که سفره‌شان کوچک شده است.جمع‌شده۶۸٪ از هدف
بازگشت به مدرسه ۵
کوله‌پشتی و نوشت‌افزار برای سه هزار دانش‌آموز.جمع‌شده۴۱٪ از هدف
ساختار
ساخته شده از
از هیچ کامپوننت دیگری استفاده نمی‌کند و فقط از توکن‌ها و آیکون‌ها ساخته شده است.
توکن‌ها
- رنگcolor-on-surface, color-outline-variant, color-surface-container, color-surface-container-high, color-surface-container-highest, color-surface-container-low, color-surface-container-lowest, image-filter
- فاصلهspace-2, space-inline-sm, space-inset-lg, space-inset-md, space-inset-sm, space-stack-sm
- فرم و حاشیهborder-default-width, shape-corner-lg, shape-corner-shape
- سطح و ارتفاعelevation-shadow-level1, elevation-shadow-level2
- حرکتmotion-scale-press-row, motion-transition-fade, motion-transition-press, motion-transition-small
- فوکوس و حالت‌هاfocus-ring-color-default, focus-ring-offset-inset, focus-ring-width, state-layer-focus, state-layer-hover, state-layer-pressed, state-opacity-disabled-content
به کار رفته در
هنوز هیچ جزء بزرگ‌تری از آن استفاده نمی‌کند.