Snackbar

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.

Snackbars are in Interaction Elements group, so they can apply corresponding colors.

Examples

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');
        });
    });
});