مثال های اساسی
نان تست ها به همان اندازه که شما نیاز دارید انعطاف پذیر هستند و نشانه گذاری مورد نیاز بسیار کمی دارند. حداقل، ما نیاز به یک تنها یک عنصر حاوی محتوای "برشته شده" شما باشد و قویاً دکمه رد کردن را تشویق کنید.
مثال زنده
روی دکمه زیر کلیک کنید تا یک نان تست (که با ابزارهای ما در گوشه سمت راست پایین قرار دارد) که به طور پیش فرض پنهان شده است را نشان دهید.
دکمه های پیش فرض
نان تست ها به همان اندازه که شما نیاز دارید انعطاف پذیر هستند و نشانه گذاری مورد نیاز بسیار کمی دارند. حداقل، ما نیاز به یک تنها یک عنصر حاوی محتوای "برشته شده" شما باشد و قویاً دکمه رد کردن را تشویق کنید.
محتوای سفارشی
همچنین، میتوانید کنترلها و اجزای اضافی را به نان تست اضافه کنید.
شفاف
نان تست ها نیز کمی شفاف هستند، بنابراین روی هر چیزی که ممکن است ظاهر شوند مخلوط می شوند. برای مرورگرهایی که از ویژگی Backdrop-filter CSS پشتیبانی میکنند، ما همچنین سعی خواهیم کرد عناصر زیر یک نان تست را محو کنیم.
قرار دادن
در صورت نیاز، نان تست را با CSS سفارشی قرار دهید. بالا سمت راست اغلب برای اعلان ها استفاده می شود، همانطور که وسط بالایی است. اگر می خواهید هر بار فقط یک نان تست را نشان دهید، سبک های موقعیت یابی را قرار دهید درست بر روی.toast.