اعلان توست پایه

توست ها به هر میزان که نیاز داشته باشید انعطاف پذیر هستند و نیاز به markup بسیار کمی دارند. در حالت حداقلی یک المان برای در برگرفتن محتوای توست شما نیاز داریم و توصیه میکنیم یک دکمه بستن نیز قرار دهید. همچنین کلاس .toast-title را به متن عنوان اضافه کنید.

توست

توست های روشن نیز به میزان نیاز شما انعطاف پذیر هستند و نیاز به markup بسیار کمی دارند. در حالت حداقلی نیاز داریم تا کلاس .toast-light را به همراه .toast اضافه کنیم.

توست روشن

نیمه شفاف

توست ها همچنین اندکی نیمه شفاف هستند بنابراین روی هر چیزی که قرار بگیرند با آن Blend می شوند. برای مرورگرهایی که از backdrop-filter پشتیبانی میکنند المان های زیر توست را تار می کنیم.

انباشه شدن

زمانی که توست های متعددی دارید، ما به طور پیش فرض آن ها را به صورت عمودی زیر هم انباشته می کنیم.

خاموش کردن پنهان سازی خودکار
توست

جایگیری

میتوانید با CSS های سفارشی توست ها را در هر مکان که نیاز دارید قرار دهید. استایل های مکان دهی را بر روی .toast قرار دهید. همچنین میتوانید از ابزار های flexbox برای تراز دهی افقی و/یا عمودی توست ها استفاده کنید.

جایگیری توست

سفارشی سازی قالب

سفارشی سازی کنید و به صورت زنده مشاهده کنید.
طرح قالب

رنگ های فهرست

جمع کردن فهرست

رنگ های نوار بالایی
نکته : این گزینه تنها در حالت نوار ثابت و در هنگام اسکرول صفحه نمایش داده خواهد شد.
نوع نوار بالایی

نوع فوتر

سایه کارت

مخفی سازی دکمه اسکرول به بالا
ارتباط با ما
امروز

لورم ایپسوم متن ساختگی

7:45 ق.ظ

لورم ایپسوم متن ساختگی با تولید سادگی نامفهوم از صنعت

لورم ایپسوم متن ساختگی با تولید سادگی نامفهوم

7:50 ق.ظ

لورم ایپسوم متن ساختگی با تولید سادگی نامفهوم از صنعت چاپ

8:01 ق.ظ