Snackbar

Snackbar is a colorful stripe with text that hangs on top part of the page. Snackbar hangs on screen for 5 seconds, but it's default value that could be changed. Snackbar will not disappear if mouse is over it.

Snackbars can have the same colors that buttons have:

suSnackbar service have public method push that allows to add snackbar to queue in any specific moment. First parameter of this method is displaying text. Second optional parameter is configuration object.

Possible properties of this configuration object:

Property Mission
color Any value from interaction elements color collection
timeout Time in milliseconds after which the snackbar disappears

Usage example

yourApp.controller('YourController', function($scope, suSnackbar) {
    $scope.$on('someEvent', function() {
        suSnackbar.push('Positive snackbar sample', {
            color: positive,
            timeout: 10000
        })
    });
});