Component

Toast

The fixed bottom toast with an amber left edge — call mwToast() or wire it to any element.

Preview

Code

<div class="btn-row" style="margin-top:0">
  <button class="btn" data-mw-toast="Job approved.">Show toast</button>
  <button class="btn" data-mw-toast="Filament loaded." data-mw-toast-ms="5000">Long toast</button>
</div>

This component is interactive — include behaviors.js after your markup.

With behaviors.js loaded, fires a toast. From your own script, call window.mwToast("Saved.", 3200).

← TextareaTypography →