Snackbars & toasts usage

You can use a snackbars to give the user some feedback about an action by showing a short message. Snackbars can contain an action.

You can also use toasts which similar to snackbars but they don't contain actions.

<div class="snackbar">
  This is a snackbar
  <a href="#" class="snackbar-action">Undo</a>


Variable Options Result
$snackbar-background Variable / color code Change background color
$snackbar-font-color Variable / color code Change font color
This is a snackbar Undo