Vue Snackbar - Soft UI
PROSnackbars 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. |