Snackbar is a colorful stripe with text that hangs on top of the page. Snackbar hangs for 5 seconds, but this timeout could be changed. Snackbar will not disappear if mouse is over it.

Examples

How to use?

Snackbar is a service. As a service it could be used, for example in Controller. suSnackbar have some public methods to interact with this type of elements:

.push(text, [config], [callback])

Method for display snackbar. The first argument must contain text to display. Second optional argument is a configuration object desribed bellow. Third parameter is a callback function, that have to be called when snackbar will disappear.

Usage example:

yourApp.controller('YourController', function($scope, suSnackbar) {
    $scope.$on('someEvent', function() {
        suSnackbar.push('Positive snackbar sample', {
            color: "positive",
            timeout: 10000
        }, function() {
            console.log('Do this when snackbar disappears');
        });
    });
});

.clear()

This method is intended to remove all displayed snackbars.