کادر جست‌وجو
با فشردن، خودش بزرگ می‌شود و نتیجه‌ها زیرش می‌آیند.
گونه‌ها
نام‌گذاریخالیپرغیرفعال
aria-label
label
کمپین‌ها، گزارش‌ها و صفحه‌های سایت
کمپین‌ها، گزارش‌ها و صفحه‌های سایت
کمپین‌ها، گزارش‌ها و صفحه‌های سایت
اندازه‌ها
حالت‌ها
نام‌گذاریعادیهاورفوکوس
aria-label
aria-label، عادی
aria-label، هاور
aria-label، فوکوس
label
label، عادی
کمپین‌ها، گزارش‌ها و صفحه‌های سایت
label، هاور
کمپین‌ها، گزارش‌ها و صفحه‌های سایت
label، فوکوس
کمپین‌ها، گزارش‌ها و صفحه‌های سایت
حرکت
حرکت کادر جست‌وجو تبدیل (Container transform) است: با فشردنش، خود کادر در ۴۰۰ میلی‌ثانیه بزرگ می‌شود و تایپ بی‌درنگ ممکن است.
کمپین‌های امروز
- سفره‌های رنگیتهرانبسته غذای یک هفته برای خانواده‌هایی که سفره‌شان کوچک شده است.۶۸٪ از هدف
- بازگشت به مدرسه ۵سراسر کشورکولهپشتی و نوشت‌افزار برای سه هزار دانش‌آموز.۴۱٪ از هدف
- زمستان گرمکردستانبخاری و پتو برای خانه‌های روستایی، پیش از رسیدن سرما.۲۳٪ از هدف
کمپین‌های امروز
- سفره‌های رنگیتهرانبسته غذای یک هفته برای خانواده‌هایی که سفره‌شان کوچک شده است.۶۸٪ از هدف
- بازگشت به مدرسه ۵سراسر کشورکولهپشتی و نوشت‌افزار برای سه هزار دانش‌آموز.۴۱٪ از هدف
- زمستان گرمکردستانبخاری و پتو برای خانه‌های روستایی، پیش از رسیدن سرما.۲۳٪ از هدف
پنجره جست‌وجو
ساختار
ساخته شده از
آیکون‌ها
Close, Magnifier
توکن‌ها
- رنگcolor-on-surface, color-on-surface-muted, color-on-surface-variant, color-primary, color-surface-container, color-surface-container-high
- تایپوگرافیtypography-body-large-font-family, typography-body-large-font-size, typography-body-large-font-variation-settings, typography-body-large-font-weight, typography-body-large-letter-spacing, typography-body-large-line-height, typography-body-small-font-family, typography-body-small-font-size, typography-body-small-font-weight, typography-body-small-letter-spacing, typography-body-small-line-height, typography-label-large-font-family, typography-label-large-font-size, typography-label-large-font-variation-settings, typography-label-large-font-weight, typography-label-large-letter-spacing, typography-label-large-line-height
- فاصلهspace-1, space-2, space-3, space-4, space-5, space-half
- اندازهsize-control-lg, size-control-md, size-control-xl, size-icon-in-control-lg, size-icon-in-control-md
- فرم و حاشیهborder-default-width, shape-corner-md, shape-corner-shape
- حرکتmotion-scale-press-row, motion-transition-fade, motion-transition-press, motion-transition-small
- فوکوس و حالت‌هاfocus-ring-color-halo, focus-ring-halo-width, focus-ring-offset, focus-ring-width, state-opacity-disabled-content
به کار رفته در
هنوز هیچ جزء بزرگ‌تری از آن استفاده نمی‌کند.