نان تست ها به همان اندازه که شما نیاز دارید انعطاف پذیر هستند و نشانه گذاری مورد نیاز بسیار کمی دارند. حداقل، ما به یک عنصر نیاز داریم که حاوی محتوای «برشته‌شده» شما باشد و قویاً دکمه رد کردن را تشویق می‌کنیم.

وقتی چندین نان تست دارید، به طور پیش‌فرض آن‌ها را به‌صورت خوانا به صورت عمودی روی هم قرار می‌دهیم.

همچنین می‌توانید با ابزارهای فلکس باکس برای تراز کردن نان تست‌ها جذاب باشید به صورت افقی و/یا عمودی.

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

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

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