2.35 #Components.Toast Toast
Powiadomienie fixed na dole ekranu (mobile) / prawy dół (desktop).
JS: Toast.show({ title, text, duration }). Animacja slide-in/out.
Example
Markup: toast.html
<div style="position: relative; height: 120px; background: #f5f5f1; border-radius: 8px; overflow: hidden;">
<div class="toast" style="position: absolute; display: block; pointer-events: auto; bottom: 12px; left: 10px; right: 10px; transform: none;">
<div class="toast__inner">
<span class="toast__icon"></span>
<div class="toast__content">
<p class="toast__title">+2 Punkty Win</p>
<p class="toast__text">Brawo! Zdobywasz <strong>2 Punkty Win</strong>!</p>
</div>
</div>
</div>
</div>
Source:
src/scss/components/_toast.scss, line 1