inFakt Styleguide

Alerty

Alerty przy użyciu Toastr

Dane zostały pozytywnie zapisane.
Dane nie zostały prawidłowo zapisane. Musisz wypełnić wszystkie pola oznaczone jako obowiązkowe. Kolejna linijka alertu czyli linijka numer cztery.
Dane nie zostały prawidłowo zapisane. Musisz wypełnić wszystkie pola oznaczone jako obowiązkowe.
Dane nie zostały prawidłowo zapisane. Popraw pola uzupełnione na czerwono.
<div id="toast-container" style="position: relative; z-index: 0;">
  <div style="" class="toast toast-success">
    <button role="button" class="toast-close-button">×</button>
    <div class="toast-message">Dane zostały pozytywnie zapisane.</div>
  </div>
  <div style="" class="toast toast-info">
    <button role="button" class="toast-close-button">×</button>
    <div class="toast-message">Dane nie zostały prawidłowo zapisane. Musisz wypełnić wszystkie pola oznaczone jako obowiązkowe. Kolejna linijka alertu czyli linijka numer cztery.</div>
  </div>
  <div style="" class="toast toast-warning">
    <button role="button" class="toast-close-button">×</button>
    <div class="toast-message">Dane nie zostały prawidłowo zapisane. Musisz wypełnić wszystkie pola oznaczone jako obowiązkowe.</div>
  </div>
  <div style="" class="toast toast-error">
    <button role="button" class="toast-close-button">×</button>
    <div class="toast-message">Dane nie zostały prawidłowo zapisane. Popraw pola uzupełnione na czerwono.</div>
  </div>
</div>