Bootstrap Sweet Alerts
Our Bootstrap Sweet Alerts are beautiful, responsive, customisable,
accessible replacements for Javascript’s popup boxes.
Keep reading our Bootstrap Alerts examples and learn how to use this
plugin.
Usage
JS
In order to use this plugin on your page you will need to include the following script in the “Optional JS” area from the page’s footer:
<script src="../../assets/js/plugins/sweetalert.min.js"></script>Examples
Basic example
A success message
Custom HTML description
Gitgub avatar request
A title with a text under
A message with auto close
A warning message, with a function attached to the "Confirm" Button...
...and by passing a parameter, you can execute something else for "Cancel"
Right-to-left support for Arabic, Persian, Hebrew, and other RTL languages
<button class="btn bg-gradient-primary mb-0" onclick="soft.showSwal('basic')">Try me!</button>
<button class="btn bg-gradient-primary mb-0" onclick="soft.showSwal('success-message')">Try me!</button>
<button class="btn bg-gradient-primary mb-0" onclick="soft.showSwal('custom-html')">Try me!</button>
<button class="btn bg-gradient-primary mb-0" onclick="soft.showSwal('input-field')">Try me!</button>
<button class="btn bg-gradient-primary mb-0" onclick="soft.showSwal('title-and-text')">Try me!</button>
<button class="btn bg-gradient-primary mb-0" onclick="soft.showSwal('auto-close')">Try me!</button>
<button class="btn bg-gradient-primary mb-0" onclick="soft.showSwal('warning-message-and-confirmation')">Try me!</button>
<button class="btn bg-gradient-primary mb-0" onclick="soft.showSwal('warning-message-and-cancel')">Try me!</button>
<button class="btn bg-gradient-primary mb-0" onclick="soft.showSwal('rtl-language')">Try me!</button>