Alert
Notifications to the user in time of execution with good animation and functionality
Default
To add a notification we have the vs-alert
component that as the main parameter needs the vs-active
property that determines if the alert is visible or not.
Title
The alert can have a title with the property vs-title
and its value would be the desired title
Lorem ipsum dolor sit amet
Color
You can change the color of the alert with the property vs-color
, the colors can be the mainprimary
, success
,danger
, warning
,dark
or the colors RGB, HEX.
WARNING
Only RGB and HEX colors are supported.
Primary
Success
Danger
Danger
Dark
RGB
HEX
Closable
You can show and hide the alert by means of vs-active.sync
and a Boolean bind as value.
The property to determine if the alert can be closed is vs-closable
.
Icons
You can add to the alert a descriptive icon with the property vs-icon
and as a value the icon of Material Icons
TIP
Vuesax use the Google Material Icons font library. For a list of all available icons, visit the official Material Icons page.
Example of use
An example of serious use to have an input and when a condition is met show the vs-alert.