Sweet Alerts
Examples
Here are the various types of beautiful, responsive, customizable, and accessible sweet alerts.
Sweet Alert Type | Sweet Alert Examples |
---|---|
A Basic Message | |
A Title with a Text Under | |
A success message! | |
A modal with a title, an error icon, a text, and a footer | |
A modal window with a long content inside | |
A warning message, with a function attached to the "Confirm"-button... | |
By passing a parameter, you can execute something else for "Cancel". | |
A message with custom Image Header | |
A message with auto close timer | |
Custom HTML description and buttons | |
A dialog with three buttons | |
A custom positioned dialog | |
A message with custom width, padding and background | |
Ajax request example |
Custom Sweetalert Example
Success Message
Here is an example of a sweet alert with a success message.
![Mac Image](assets/images/sweetalert2/success-message.png)
Error Message
Here is an example of a sweet alert with a error message.
![Mac Image](assets/images/sweetalert2/error-message.png)
Warning Message
Here is an example of a sweet alert with a warning message.
![Mac Image](assets/images/sweetalert2/warning-message.png)
Join Our Community
Here is an example of a sweet alert with a community registration field.
![Mac Image](assets/images/sweetalert2/join-community.png)
Email Verification
Here is an example of a sweet alert with a email verification field.
![Mac Image](assets/images/sweetalert2/email-verify.png)
Notification Message
Here is an example of a sweet alert with a custom notification message.
![Mac Image](assets/images/sweetalert2/notification-message.png)