Skip to main content

Snackbar

The Snackbar should be used whenever important actions need to be performed or reported. Illustrations can be used to further enhance the Snackbar.

It can also bring other components, such as the progress bar. In some cases, it can be used without an icon and without actions.

Use of colors

The red color should be used in critical situations that require full attention, such as deleting data, system exit, disconnection, information loss feedbacks, among others.

The yellow color should be used in attention situations, however the action effect is not critical. There is no loss of information or the action can be reversed.

The green color should be used in positive feedback situations. It is usually associated with a correct action.

The color purple should be used for information, elements or support actions, as well as situations related to the help and support of the tool.

The primary color should be used to inform new features, calling the user to meet and test.

Good habits

Feedback