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>
</div>
		
	

Settings

Variable Options Result
$snackbar-background Variable / color code Change background color
$snackbar-font-color Variable / color code Change font color

Resources

This is a snackbar Undo