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

Name Type Default Description
title* string Used to set the SoftSnackbar title.
date string Used to set the SoftSnackbar date or time.
description string Used to set the SoftSnackbar content or description.
color 'primary''secondary''info''success''warning''danger''light''dark' success Change 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.
color string success Used to set the SoftSnackbar background color.
closeHandler function Used to close the SoftSnackbar once the user hit the close button.