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.