Skip to content

Toast

A toast is a wrapper that stacks elements in a corner of the page.

Toast documentation

Class names

  • component: toast
  • placement: toast-start, toast-center, toast-end, toast-top, toast-middle, toast-bottom

Syntax

<div class="toast {MODIFIER}">{CONTENT}</div>

Rules

  • {MODIFIER} is optional. It can be one of the placement class names.