Sweet Alert 2

A Basic Message

Here's a basic example of SweetAlert.

Title

A Title with a Text Under.

HTML

Here's an example of SweetAlert with HTML content.

All States

Here are examples for each of SweetAlert's states.

Long Content

A modal window with a long content inside.

With Confirm Button

A warning message, with a function attached to the "Confirm"-button...

With Cancel Button

By passing a parameter, you can execute something else for "Cancel".

With Image Header (Logo)

A message with custom Image Header.

Auto Close

A message with auto close timer.

Position

A custom positioned dialog.

With Custom Padding, Background

A message with custom width, padding and background.

Ajax Request

Ajax request example.

Theme Settings
Color Scheme
Light
Dark
Topbar Color
Light
Dark
Brand
Gradient
Menu Color
Light
Dark
Brand
Gradient
Sidebar Size
Default
Compact
Condensed
Hover View
Hover Active
Full Layout
Hidden
Container Width
Layout Position
Buy Now