Everything you can do with Beauter


Snackbar are simple popup message boxes. Use the class .snackbarto create a hidden snackbar which can be poped by calling the id using snackbar() function.

Note that you need to include beauter.js at the end for the dynamic toggle action of accordion button. See how here.


This is a simple one.

<div id="sn1" class="snackbar">
  Hi there!!!
<button onclick="showsnackbar('sn1')">Here</button>
Hi there!!!

Trying some layers.

<div id="sn2" class="snackbar _primary _box _shadow">
  Looks cool
<button onclick="showsnackbar('sn2')">This one</button>
Looks cool

Sitemap ..

Code licensed under MIT
Docs under CC BY NC SA 4.0.
Designed with
outboxcraft logoOutboxcraft
© 2017