Sweetalert2.github.io Website Review

Examples Installation Usage Integrations Configuration Dismissals Popup Types Input Types Methods Collaborators Backers Donations Theme: Default Dark Minimal Borderless Version: 8.x 7.x. A BEAUTIFUL, RESPONSIVE, CUSTOMIZABLE, ACCESSIBLE (WAI-ARIA) REPLACEMENT FOR JA*ASCRIPT'S POPUP BOXES. Pretty cool huh? SweetAlert2 automatically centers itself on the page and looks great no matter if you're using a desktop computer, mobile or tablet. It's even highly customizeable, as you can see below! A modal with a title, an error icon, a text, and a footer Try me! Custom HTML description and bu*tons with ARIA labels Try me! A confirm dialog, with a function attached to the Confirm-bu*ton.. Try me!. and by pas*ing a parameter, you can execute something else for Cancel. A message with a custom image and CSS animation disabled Try me! A message with custom width, padding, background and animated Nyan Cat Try me! Right-to-left support for Arabic, Hebrew, and other RTL languages Try me! 1. Initialize the plugin by referencing the necessary files: It's possible to import JS and CSS separately, e.g. if you need to customize styles:   title: 'Error!',   text: 'Do you want to continue', Here are the keys that you can use if you pas* an object into sweetAlert2: The title of the modal, as HTML. It can either be added to the object under the key title or pas*ed as the first parameter of the The title of the modal, as text. Useful to avoid HTML injection. A HTML description for the modal. It can either be added to the object under the key html or pas*ed as the second parameter of the A description for the modal. If text and html parameters are provided in the same time, text will be used. The type of the modal. SweetAlert2 comes with 5 built-in types which will show a corresponding icon animation: WARNING, ERROR, SUCCESS, INFO, and QUESTION. It can either be put in the array under the key type or pas*ed as the third parameter of the function.