توست

توست (Toast) نوعی اعلان کوتاه و غیرمسدودکننده در رابط کاربری است که معمولا پس از یک عمل نمایش داده می‌شود و بعد از چند ثانیه محو می‌شود. برای نمونه، وقتی کاربر محصولی به سبد اضافه می‌کند، پیام «محصول به سبد اضافه شد» می‌تواند به صورت توست نشان داده شود.

نمونه توست با Bootstrap

<div id="cartToast" class="toast" role="status" aria-live="polite">
  <div class="toast-body">محصول به سبد اضافه شد</div>
</div>
<script>
  const el = document.getElementById("cartToast");
  bootstrap.Toast.getOrCreateInstance(el).show();
</script>

نمونه ساده در React

function CartFeedback({ added }) {
  return added ? <div role="status">محصول اضافه شد</div> : null;
}

برای مفاهیم مرتبط، بوت‌استرپ، کامپوننت و دسترس‌پذیری وب را ببینید.