مودال اطلاعات
برای نمایش جزئیات و اطلاعات تکمیلی بدون تغییر دادهها.
مودالها
نمونهها و الگوهای استاندارد پنجرههای مودال پنل
راهنمای کوتاه
استفاده از مودالها
پوسته مشترک مودال، مدیریت فوکوس، کلید Escape، قفل اسکرول و انیمیشن ورود و خروج را فراهم میکند؛ محتوا و عملیات هر کاربرد جدا تعریف میشود.
import ModalShell from "@/components/shared/ModalShell";
<ModalShell isOpen={isOpen} onClose={closeModal} title="عنوان مودال">
محتوای مودال
</ModalShell>نمونههای تعاملی
انواع مودال عمومی
برای مشاهده رفتار و ظاهر هر مودال، نمونه مربوط به آن را باز کنید.
مودال ثبت یا تأیید
برای گرفتن تأیید نهایی پیش از ثبت یا اجرای یک عملیات.
مودال حذف
برای عملیات مخرب همراه با هشدار روشن و امکان انصراف.
مودال موفقیت
برای اعلام نتیجه موفق و ارائه مسیر ادامه به کاربر.
مودال هشدار
برای جلب توجه کاربر به محدودیت یا پیام مهم پیش از ادامه.
مودال فرم
برای دریافت اطلاعات کوتاه بدون خارجشدن از صفحه جاری.