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.
Error Message
Here is an example of a sweet alert with a error message.
Warning Message
Here is an example of a sweet alert with a warning message.
Join Our Community
Here is an example of a sweet alert with a community registration field.
Email Verification
Here is an example of a sweet alert with a email verification field.
Notification Message
Here is an example of a sweet alert with a custom notification message.
Loading...
Customizer
Steex Builder
Choose your themes & layouts etc.
Layout
Choose your layout
Vertical
Horizontal
Two Column
Theme
Choose your suitable Theme.
Default
Material
Creative
Minimal
Modern
Interaction
Color Scheme
Choose Light or Dark Scheme.
Light
Dark
Coming Soon
Brand
Layout Width
Choose Fluid or Boxed layout.
Fluid
Boxed
Layout Position
Choose Fixed or Scrollable Layout Position.
Topbar Color
Choose Light or Dark Topbar Color.