Vue Snackbar - Soft UI


Snackbars provide brief messages about app processes at the bottom of the screen. Use our Snackbar component to create a beautiful notification/alert for your Vue.js project.

Snackbar Example

Use this example to create a simple and beautiful snackbar.

Soft UI Dashboard11 minutes ago

Hello world! This is a notification message.

Props Information

title*stringUsed to set the SoftSnackbar title.
datestringUsed to set the SoftSnackbar date or time.
descriptionstringUsed to set the SoftSnackbar content or description.
color'primary''secondary''info''success''warning''danger''light''dark'successChange the SoftSnackbar background color.
icon['component', 'color']icon accepts both String and Object that can be used to set the SoftSnackbar icon along with its color.
colorstringsuccessUsed to set the SoftSnackbar background color.
closeHandlerfunctionUsed to close the SoftSnackbar once the user hit the close button.