کادر متن
یک خط نوشته از کاربر می‌گیرد و خطا را زیر خودش می‌گوید.
گونه‌ها
گونهخالیپربا راهنمابا خطا
outlined
برای فرستادن رسید پرداخت
شماره موبایل باید ۱۱ رقم باشد.
quiet
برای فرستادن رسید پرداخت
شماره موبایل باید ۱۱ رقم باشد.
اندازه‌ها
حالت‌ها
گونهعادیهاورفوکوسغیرفعالفقط‌خواندنی
outlined
outlined، عادی
outlined، هاور
outlined، فوکوس
outlined، غیرفعال
outlined، فقط‌خواندنی
quiet
quiet، عادی
quiet، هاور
quiet، فوکوس
quiet، غیرفعال
quiet، فقط‌خواندنی
محتوا
هزار تومان
شماره موبایل معتبر نیست. شماره باید ۱۱ رقم باشد و با ۰۹ شروع شود.
حرکت
حرکت کادر متن درجاست: رنگ خط دورش در ۱۵۰ میلی‌ثانیه عوض می‌شود و پیام خطا در ۳۰۰ میلی‌ثانیه جای خودش را باز می‌کند.
ساختار
ساخته شده از
از هیچ کامپوننت دیگری استفاده نمی‌کند و فقط از توکن‌ها و آیکون‌ها ساخته شده است.
آیکون‌ها
DangerCircle
توکن‌ها
- رنگcolor-error, color-on-surface, color-on-surface-muted, color-on-surface-variant, color-outline-variant, color-primary, color-surface-container-low, color-surface-container-lowest
- تایپوگرافی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-medium-font-family, typography-body-medium-font-size, typography-body-medium-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
- اندازهsize-control-lg, size-control-md, size-control-xl, size-icon-in-control-sm
- فرم و حاشیهborder-default-color, border-default-width, border-error-color, border-error-focused-color, border-strong-color, shape-corner-full, shape-corner-md, shape-corner-shape
- حرکتmotion-transition-fade, motion-transition-medium, motion-transition-medium-close
- فوکوس و حالت‌هاfocus-ring-color-halo, focus-ring-color-halo-error, focus-ring-halo-width, focus-ring-offset, focus-ring-width, state-opacity-disabled-content
به کار رفته در
هنوز هیچ جزء بزرگ‌تری از آن استفاده نمی‌کند.