Scroll to Top

Snackbar

Simple snackbar is used for major or minor notification purposes.

SITEMAP Documentation / Js Plugins / Snackbar

Demo

click to open snackbar

Code copy


    <script>
            $(document).snackbar({
                hide: false,
                message: "Welcome to Material Grammi",
                timer: 5000,
                bgColor: "#0d47a1",
                cOlor: "#fafafa"
            });
    </script>

settings of the plugin

Demo

variable default data-type options function
bgColor #212121 string hex, rgb or rgba background color of the snackbar
cOlor #fafafa string hex, rgb or rgba text color of the snackbar
timer 2000 string any time in microseconds after this time snackbar will hide
message this is a simple message string any string message to show
hide true bool true, false hide on page load
delayed 0 numeric time in microseconds delay of the snackbar

Code copy


    <script>
            $(document).snackbar({
                hide: false,
                message: "Welcome to Material Grammi",
                timer: 5000,
                bgColor: "#0d47a1",
                cOlor: "#fafafa"
            });
    </script>

Feedback