هشدار
هشدارهای تم رنگی
رنگ تم فقط با اضافه کردن کلاس.dark ایجاد می شود
این یک هشدار اولیه است - آن را بررسی کنید!
این یک هشدار ثانویه است - آن را بررسی کنید!
این یک هشدار موفق است - آن را بررسی کنید!
این یک هشدار اطلاع است - آن را بررسی کنید!
این یک هشدار اخطار است - آن را بررسی کنید!
این یک هشدار خطر است - آن را بررسی کنید!
این یک هشدار روشن است - آن را بررسی کنید!
این یک هشدار تیره است - آن را بررسی کنید!
هشدار های روشن
هشدارها برای هر طول متن و همچنین یک دکمه رد اختیاری در دسترس هستند.این یک هشدار اولیه است - آن را بررسی کنید!
این یک هشدار ثانویه است - آن را بررسی کنید!
این یک هشدار موفق است - آن را بررسی کنید!
این یک هشدار اطلاع است - آن را بررسی کنید!
این یک هشدار اخطار است - آن را بررسی کنید!
این یک هشدار خطر است - آن را بررسی کنید!
این یک هشدار روشن است - آن را بررسی کنید!
این یک هشدار روشن است - آن را بررسی کنید!q
هشدار با آیکون
فقط هر آیکونی را قبل از متن اضافه کنیددر زیر می توانید برخی از آن فیلدها را بررسی کنید.
در زیر می توانید برخی از آن فیلدها را بررسی کنید.
در زیر می توانید برخی از آن فیلدها را بررسی کنید.
در زیر می توانید برخی از آن فیلدها را بررسی کنید.
می توانید برخی از آن فیلدهای زیر را بررسی کنید.
در زیر می توانید برخی از آن فیلدها را بررسی کنید.
در زیر می توانید برخی از آن فیلدها را بررسی کنید.
در زیر می توانید برخی از آن فیلدها را بررسی کنید.
رنگ پیوند در رنگ تم
از کلاس ابزار.alert-link برای ارائه سریع پیوندهای رنگی
مطابق با هر هشدار استفاده کنید.
این یک هشدار اولیه با یک لینک نمونه است. کلیک کنید.
این یک هشدار ثانویه با یک لینک نمونه است. کلیک کنید.
این یک هشدار موفق با یک لینک نمونه است. کلیک کنید.
این یک هشدار اطلاع با یک لینک نمونه است. کلیک کنید.
این یک هشدار اخطار با یک لینک نمونه است. کلیک کنید.
این یک هشدار خطر با یک لینک نمونه است. کلیک کنید.
این یک هشدار روشن با یک لینک نمونه است. کلیک کنید.
این یک هشدار تیره با یک لینک نمونه است. کلیک کنید.
رد کردن
برای متحرک سازی هشدارها هنگام رد کردن آنها، حتماً کلاس های.fade
و
.show را اضافه کنید.
رنگ پیوند
از کلاس ابزار.alert-link برای ارائه سریع پیوندهای رنگی مطابق با
هر هشدار استفاده کنید.
این یک هشدار اولیه با یک لینک نمونه است. کلیک کنید.
این یک هشدار ثانویه با یک لینک نمونه است. کلیک کنید.
این یک هشدار موفق با یک لینک نمونه است. کلیک کنید.
این یک هشدار اطلاع با یک لینک نمونه است. کلیک کنید.
این یک هشدار اخطار با یک لینک نمونه است. کلیک کنید.
این یک هشدار خطر با یک لینک نمونه است. کلیک کنید.
این یک هشدار روشن با یک لینک نمونه است. کلیک کنید.
این یک هشدار تیره با یک لینک نمونه است. کلیک کنید.
رد کردن
برای متحرک کردن هشدارها هنگام رد کردن آنها، حتماً کلاس.fade و
.show را اضافه کنید.
هشدار های اوت لاین
هشدار های اوت لاین فقط با اضافه کردن کلاس.outline
این یک هشدار اولیه است - آن را بررسی کنید!
این یک هشدار ثانویه است - آن را بررسی کنید!
این یک هشدار موفق است - آن را بررسی کنید!
این یک هشدار اطلاع است - آن را بررسی کنید!
این یک هشدار اخطار است - آن را بررسی کنید!
این یک هشدار خطر است - آن را بررسی کنید!
این یک هشدار روشن است - آن را بررسی کنید!
این یک هشدار تیره است - آن را بررسی کنید!
هشدار های اوت لاین پر رنگ
هشدار های اوت لاین پر رنگ با افزودن کلاس.outline-2x ایجاد می شوند.
این یک هشدار اولیه است - آن را بررسی کنید!
این یک هشدار ثانویه است - آن را بررسی کنید!
این یک هشدار موفق است - آن را بررسی کنید!
این یک هشدار اطلاع است - آن را بررسی کنید!
این یک هشدار اخطار است - آن را بررسی کنید!
این یک هشدار خطر است - آن را بررسی کنید!
این یک هشدار روشن است - آن را بررسی کنید!
این یک هشدار روشن است - آن را بررسی کنید!
هشدار اوت لاین با آیکون
فقط هر آیکونی را قبل از متن اضافه کنیدزمان شما بعد از 5 دقیقه تمام می شود
آه اتفاق ناگهانی! چند مورد را تغییر دهید و دوباره ارسال کنید.
آفرین! شما با موفقیت این پیام هشدار مهم را خواندید.
خوش آمدید! روز خود را با چند هشدار شروع کنید.
تبریک! محصول شما به لیست لایک اضافه شد
عملکرد شما در این هفته کاهش یافته است
در زیر می توانید برخی از آن فیلدها را بررسی کنید.
در زیر می توانید برخی از آن فیلدها را بررسی کنید.
هشدار با نماد معکوس
از کلاس.inverse برای ارائه سریع پیوندهای رنگی منطبق در
هر هشدار استفاده کنید
زمان شما بعد از 5 دقیقه تمام می شود
آه اتفاق ناگهانی! چند مورد را تغییر دهید و دوباره ارسال کنید.
آفرین! شما با موفقیت این پیام هشدار مهم را خواندید.
خوش آمدید! روز خود را با چند هشدار شروع کنید.
تبریک! محصول شما به لیست لایک اضافه شد
عملکرد شما در این هفته کاهش یافته است
در زیر می توانید برخی از آن فیلدها را بررسی کنید.
در زیر می توانید برخی از آن فیلدها را بررسی کنید.
متن به عنوان عمل
از کلاس.action-text برای اضافه کردن متن رد کردن به جای
نماد استفاده کنید
زمان شما بعد از 5 دقیقه تمام می شود
آه اتفاق ناگهانی! چند مورد را تغییر دهید و دوباره ارسال کنید.
آفرین! شما با موفقیت این پیام هشدار مهم را خواندید.
خوش آمدید! روز خود را با چند هشدار شروع کنید.
تبریک! محصول شما به لیست لایک اضافه شد
عملکرد شما در این هفته کاهش یافته است
در زیر می توانید برخی از آن فیلدها را بررسی کنید.
در زیر می توانید برخی از آن فیلدها را بررسی کنید.
مطالب اضافی
هشدارها همچنین می توانند حاوی عناصر HTML اضافی مانند سرفصل ها، پاراگراف ها و تقسیم کننده ها باشند.آفرین!
اوه بله، شما با موفقیت این پیام هشدار مهم را خواندید. این متن نمونه کمی طولانی‌تر اجرا می‌شود تا بتوانید ببینید فاصله‌گذاری در یک هشدار با این نوع محتوا چگونه کار می‌کند.
هر زمان که نیاز داشتید، حتما از ابزارهای حاشیه استفاده کنید تا همه چیز را زیبا و مرتب نگه دارید.
آفرین!
اوه بله، شما با موفقیت این پیام هشدار مهم را خواندید. این متن نمونه کمی طولانی‌تر اجرا می‌شود تا بتوانید ببینید فاصله‌گذاری در یک هشدار با این نوع محتوا چگونه کار می‌کند.
هر زمان که نیاز داشتید، حتما از ابزارهای حاشیه استفاده کنید تا همه چیز را زیبا و مرتب نگه دارید.
آفرین!
اوه بله، شما با موفقیت این پیام هشدار مهم را خواندید. این متن نمونه کمی طولانی‌تر اجرا می‌شود تا بتوانید ببینید فاصله‌گذاری در یک هشدار با این نوع محتوا چگونه کار می‌کند.
هر زمان که نیاز داشتید، حتما از ابزارهای حاشیه استفاده کنید تا همه چیز را زیبا و مرتب نگه دارید.
آفرین!
اوه بله، شما با موفقیت این پیام هشدار مهم را خواندید. این متن نمونه کمی طولانی‌تر اجرا می‌شود تا بتوانید ببینید فاصله‌گذاری در یک هشدار با این نوع محتوا چگونه کار می‌کند.
هر زمان که نیاز داشتید، حتما از ابزارهای حاشیه استفاده کنید تا همه چیز را زیبا و مرتب نگه دارید.
آفرین!
اوه بله، شما با موفقیت این پیام هشدار مهم را خواندید. این متن نمونه کمی طولانی‌تر اجرا می‌شود تا بتوانید ببینید فاصله‌گذاری در یک هشدار با این نوع محتوا چگونه کار می‌کند.
هر زمان که نیاز داشتید، حتما از ابزارهای حاشیه استفاده کنید تا همه چیز را زیبا و مرتب نگه دارید.
آفرین!
اوه بله، شما با موفقیت این پیام هشدار مهم را خواندید. این متن نمونه کمی طولانی‌تر اجرا می‌شود تا بتوانید ببینید فاصله‌گذاری در یک هشدار با این نوع محتوا چگونه کار می‌کند.
هر زمان که نیاز داشتید، حتما از ابزارهای حاشیه استفاده کنید تا همه چیز را زیبا و مرتب نگه دارید.
آفرین!
اوه بله، شما با موفقیت این پیام هشدار مهم را خواندید. این متن نمونه کمی طولانی‌تر اجرا می‌شود تا بتوانید ببینید فاصله‌گذاری در یک هشدار با این نوع محتوا چگونه کار می‌کند.
هر زمان که نیاز داشتید، حتما از ابزارهای حاشیه استفاده کنید تا همه چیز را زیبا و مرتب نگه دارید.