Toast

Success

Default

<div>
<.toast id="toast-single-success" title="Success" variant="success">
  Default
</.toast>
</div>

Info

<div>
<.toast id="toast-single-info" title="Info" variant="info"/>
</div>

Warning

<div>
<.toast id="toast-single-warning" title="Warning" variant="warning"/>
</div>

Danger

<div>
<.toast id="toast-single-danger" title="Danger" variant="danger"/>
</div>