هشدار
سر جای خودش می‌گوید چه شد و حالا چه می‌شود کرد.
گونه‌ها و تون‌ها
گونهprimaryneutralsuccesswarningerror
outlined
کمک شما دو برابر می‌شود
یک حامی تا پایان مهر هر مبلغ را دو برابر می‌کند.
این کمپین تمام شد
گزارش نهایی‌اش منتشر شده است.
پرداخت شما ثبت شد
رسید را پیامک می‌کنیم.
فقط ۲ روز مانده
این کمپین پنجشنبه بسته می‌شود.
پرداخت انجام نشد
مبلغی از حسابتان برداشت نشد و می‌توانید دوباره پرداخت کنید.
tonal
کمک شما دو برابر می‌شود
یک حامی تا پایان مهر هر مبلغ را دو برابر می‌کند.
این کمپین تمام شد
گزارش نهایی‌اش منتشر شده است.
پرداخت شما ثبت شد
رسید را پیامک می‌کنیم.
فقط ۲ روز مانده
این کمپین پنجشنبه بسته می‌شود.
پرداخت انجام نشد
مبلغی از حسابتان برداشت نشد و می‌توانید دوباره پرداخت کنید.
محتوا
پرداخت شما ثبت شد
پرداخت شما ثبت شد
رسید را تا چند دقیقه دیگر پیامک می‌کنیم.
فرم داوطلبی ارسال نشد
اینترنت قطع شد. آنچه نوشته بودید سر جایش مانده است.
گزارش شهریور منتشر شد
می‌توانید از صفحه گزارش‌ها دریافتش کنید.
حرکت
حرکت هشدار درجاست: خودش سر جایش می‌ماند و فقط دکمه بستنش، مثل هر دکمه آیکون‌دار، با فشردن کمی جمع می‌شود.
ساختار
ساخته شده از
از هیچ کامپوننت دیگری استفاده نمی‌کند و فقط از توکن‌ها و آیکون‌ها ساخته شده است.
آیکون‌ها
CheckCircle, Close, DangerCircle, DangerTriangle, InfoCircle
توکن‌ها
- رنگcolor-error, color-error-container, color-on-error-container, color-on-primary-container, color-on-success-container, color-on-surface, color-on-surface-muted, color-on-surface-variant, color-on-warning-container, color-outline-variant, color-primary, color-primary-container, color-success, color-success-container, color-surface-container, color-surface-container-lowest, color-warning, color-warning-container
- تایپوگرافی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-title-small-font-family, typography-title-small-font-size, typography-title-small-font-variation-settings, typography-title-small-font-weight, typography-title-small-letter-spacing, typography-title-small-line-height
- فاصلهspace-1, space-2, space-3, space-4, space-half
- اندازهicon-size-20, size-control-xs, size-icon-in-control-sm
- فرم و حاشیهborder-default-width, shape-corner-lg, shape-corner-shape, shape-corner-sm
- حرکتmotion-scale-press-icon, motion-transition-fade, 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
به کار رفته در
هنوز هیچ جزء بزرگ‌تری از آن استفاده نمی‌کند.