کامپوننت های حمایتی به کاربرین کمک می کنند از وضعیت و مشکلات پیش آمده مطلع شوند و مسیر را به درستی و راحتی طی کند .در ادامه چندین کاربرد این عناصر را توضیح داده می شود.
با هاور کردن (Hover) موس روی یک عنصر یا فوکوس کردن روی آن (با کیبورد) ظاهر میشود.با کمک تولتیپ می توانیم سریع و مختصر اطلاعات لازم را به کاربر انتقال دهیم.موارد مورد استفاده ی آن :
توضیح وظیفه یک آیکون
تعریف یک اصطلاح یا مخفف
نمایش یک نکته یا راهنمایی در فرم
پیامی که به یک کاربر برای تغییرات به وجود اماده اطلاع رسانی می کند.پیام به طور موقت ولی واضح و فوری نمایش داده می شود که به چهار صورت دیده می شود.
پیام موفقیت (Success): "پروفایل شما با موفقیت آپدیت شد." ( رنگ سبز)
پیام خطا (Error): "پسورد وارد شده صحیح نیست." (رنگ قرمز)
پیام هشدار (Warning): "اعتبار حساب شما رو به اتمام است." (رنگ زرد)
پیام اطلاعرسانی (Info): "شما یک پیام جدید دارید." (رنگ آبی)
یک نشانگر کوچک که معمولاً به یک آیکون، متن یا یک کامپوننت دیگر متصل میشود تا یک وضعیت، تعداد یا دستهبندی را نشان دهد.
نمایش تعداد اعلانهای خوانده نشده روی آیکون زنگوله.
نمایش وضعیت یک محصول.
نمایش تگهای موضوعی در یک پست وبلاگ.
اعلان هایی که فرآیند رو مختل نمی کند.
اعلان هایی که فرآیند رو مختل نمی کند و آیکونی برای dismiss دارد.
