نمای کلی بازخورد و وضعیت

پیام، اعلان، دیالوگ، کشو، خالی، بارگذاری و وضعیت

این دسته را در ویترین، زنده و کنار هم ببینید
پیام متنی (Callout)بلوک اطلاع‌رسانی برای نمایش پیام‌های اطلاعاتی، هشدار، خطا و موفقیت
بنر (Banner)نمایش پیام‌های سیستمی در بالای صفحه با قابلیت رد کردن
اعلان (Sonner)سیستم toast برای نمایش اعلان‌های موقت
مرکز اعلان (NotificationCenter)مرکز اعلان مبتنی بر Popover با نشان شمارنده، severity رنگ‌بندی، فیلترهای تب، و عملیات خوانده‌شده/بستن
WhatsNewآخرین تغییرات سامانه — همهٔ نسخه‌ها با تیترهای کوتاه و همیشه باز، تصویر اختیاری و تاریخ شمسی
اعلان نسخهٔ جدید (NewVersionPrompt)سطح شناور خنثی که می‌گوید نسخهٔ جدیدی منتشر شده و با یک دکمهٔ «به‌روزرسانی» صفحه را دوباره بارگذاری می‌کند.
دیالوگ (Dialog)کامپوننت نمایش پنجره‌های مودال
دیالوگ هشدار (AlertDialog)یک دیالوگ مودال که کاربر را با محتوای مهم قطع می‌کند و منتظر پاسخ می‌ماند
دیالوگ تأیید (ConfirmDialog)دیالوگ ساده برای تأیید اعمال مهم یا مخرب با پشتیبانی از چند زبان.
پاورقی اقدام (ActionFooter)پاورقی یکسان همهٔ دیالوگ‌ها و شیت‌ها — «انصراف» بدون variant و یک اقدام اصلی که با اثرش نام‌گذاری شده؛ با aside، حالت در حال اجرا و میان‌بر Mod+Enter.
فهرست هدف و نتیجه (TargetList و BulkResultList)نام‌بردن از هدف‌های یک اقدام گروهی پیش از اجرا و نمایش نتیجهٔ هر مورد پس از آن — انجام شد، کنار گذاشته شد، نتیجه نامشخص یا ناموفق؛ نتیجهٔ نامشخص هرگز موفقیت نیست.
پنل کناری (Sheet)پنل کشویی از کنار صفحه
کشو (Drawer)یک پنل کشویی که از کنار صفحه نمایش داده می‌شود
خالی (Empty)نمایش وضعیت خالی
تصاویر حالت خالی (EmptyIllustrations)5 illustration SVG برای حالات خالی — NoResults، NoData، FirstRun، Error، Forbidden — همگی currentColor و RTL-safe
حالت خطا (ErrorState)نمایش وضعیت خطا با پیام و دکمه تلاش مجدد
مدیریت خطا (ErrorBoundary)کامپوننت محافظ برای گرفتن خطاهای React و نمایش UI جایگزین
اسکلتون (Skeleton)نمایش‌دهنده لودینگ به شکل placeholder
بارگذاری صفحه (PageLoader)نشانگر بارگذاری مرکزچین برای یک صفحه یا یک ناحیهٔ بزرگ آن، و با fullScreen برای مسدود کردن کل صفحه
پیشرفت (Progress)نمایش‌دهنده پیشرفت
پیشرفت دایره‌ای (CircularProgress)یک امتیاز یا درصد تکمیل به شکل حلقه؛ پیشرفت کار با Progress و مصرف سهمیه با QuotaProgressBar
نوار سهمیه (QuotaProgressBar)نوار پیشرفت خودکار رنگی برای نمایش مصرف سهمیه — سبز → کهربایی → نارنجی → قرمز با آستانه‌های قابل تنظیم.
بنر محدودیت نرخ (RateLimitBanner)Banner برای هشدار فعال بودن rate-limit — شمارش معکوس live، دکمه retry اختیاری، و ترکیب با actionType برای context.
نشان اولویت (SeverityBadge)نمایش اولویت/فوریت یک وظیفه یا هشدار در چهار سطح (فوری/بالا/متوسط/پایین)
کارت کار (JobCard)یک کار async — تحلیل، خزش، ورود فایل — با مرحله، صف، پیشرفت شمارشی، علت شکست و یک اقدام اصلی برای هر مرحله، در سه چیدمان کارت، ردیف و سربرگ صفحه.
جریان وضعیت (StatusFlow)تجسم افقی/عمودی چرخه عمر چندمرحله‌ای — هر مرحله وضعیت مستقل دارد (در انتظار، در حال اجرا، تکمیل، ناموفق، رد شده، با هشدار، متوقف) و درصد پیشرفت درون مرحله فعلی.
سلول وضعیت (StatusCell)ستون وضعیت جدول — نقطهٔ رنگیِ معنادار، برچسب متنی و caption؛ با چهار رنگ معنایی، پالس برای «در حال انجام» و StatusDot برای نقطهٔ تنها.