نمونه ای از نوتیفیکیشن ها

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

میتوانید با استفاده از flexbox نوتیفیکیشن ها را به صورت عمودی یا افقی تنظیم کنید.

جعبه نوتیفیکیشن ها نیز کمی شفاف هستند، بنابراین روی هر بک گراندی میتوانند ترکیب شوند. برای مرورگرهایی که از ویژگی backdrop-filter CSS پشتیبانی می‌کنند، ما همچنین سعی خواهیم کرد زیر جعبه نوتیفیکیشن را بلور کنیم.

در صورت نیاز، جفبه نوتیفیکیشن را با CSS سفارشی قرار دهید. بالا سمت راست اغلب برای اعلان ها استفاده می شود، همانطور که در وسط بالا نیز استفاده می شود. اگر می‌خواهید هر بار فقط یک نوتیفیکیشن را نشان دهید، سبک‌های موقعیت‌یابی را درست روی .toast قرار دهید.

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