Search results
A beautiful, responsive, customizable and accessible (WAI-ARIA) replacement for JavaScript's popup boxes, supported fork of sweetalert. Latest version: 11.12.2, last published: 5 days ago. Start using sweetalert2 in your project by running `npm i sweetalert2`.
A collection of easy-to-digest code examples for specific tasks in about 30 lines of code or less. Queue with Progress Steps. Bootstrap 5 + custom loader. React example. React Router example. Formik example. Yes/No/Cancel Dialog. Draw Attention / Persistent Dialog. Colored Toasts.
Installation. NPM/Yarn. NPM combined with a tool like Browserify or Webpack is the recommended method of installing SweetAlert. npm install sweetalert --save. Then, simply import it into your application: import swal from 'sweetalert'; CDN. You can also find SweetAlert on unpkg and jsDelivr and use the global swal variable.
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! More examples
SweetAlert2 comes with 5 built-in icon which will show a corresponding icon animation: warning, error, success, info, and question. It can either be put in the array under the key "icon" or passed as the third parameter of the function.
toast. accessible. A beautiful, responsive, customizable and accessible (WAI-ARIA) replacement for JavaScript's popup boxes, supported fork of sweetalert. Latest version: 11.12.2, last published: 8 days ago.
A beautiful, responsive, highly customizable and accessible (WAI-ARIA) replacement for JavaScript's popup boxes. Zero dependencies. 🇺🇦 - sweetalert2/sweetalert2
A beautiful, responsive, highly customizable and accessible (WAI-ARIA) replacement for JavaScript's popup boxes. Zero dependencies. - SweetAlert2
SweetAlert comes with 4 built-in icons that you can use: "warning" "error" "success" "info" It can either be added as a configuration under the key icon, or passed as the third string parameter of the swal function (e.g. swal("Title", "Text", "success") ). Example: swal({ icon: "success", });
Get started! You can customize SweetAlert to fit your needs. View docs. A beautiful replacement for JavaScript's 'alert'.