Sweetalert
<script src="https://unpkg.com/sweetalert/dist/sweetalert.min.js"></script> <script>swal("My title", "My description", "success");</script>
sweet alert example
swal({ title: "Good job!", text: "You clicked the button!", icon: "success", button: "Aww yiss!", });
Source: sweetalert.js.org
sweetalert
Swal.fire({ position: 'top-end', icon: 'success', title: 'Your work has been saved', showConfirmButton: false, timer: 1500 })
Source: sweetalert2.github.io
sweetalert example
//import sweetalert <script src="https://unpkg.com/sweetalert/dist/sweetalert.min.js"></script> //Alert <script>swal("My title", "My description", "success");</script>
sweetalert
Swal.fire({ position: 'top-end', icon: 'success', title: 'Your work has been saved', showConfirmButton: false, timer: 1500 })
Source: sweetalert2.github.io
SweetAlert
Swal.fire({ title: 'هل تريد الاستمرار؟', icon: 'question', iconHtml: '؟', confirmButtonText: 'نعم', cancelButtonText: 'لا', showCancelButton: true, showCloseButton: true })
Source: sweetalert2.github.io
sweetalert
Swal.fire({ title: 'Custom animation with Animate.css', showClass: { popup: 'animate__animated animate__fadeInDown' }, hideClass: { popup: 'animate__animated animate__fadeOutUp' } })
Source: sweetalert2.github.io
sweetalert
swal("Good job!", "success");
Source: sweetalert.js.org
sweetalert
// reactjs codeto browse and upload an image from your device const addImage =async() => { const { value: file } = await Swal.fire({ title: 'Select image', input: 'file', inputAttributes: { 'accept': 'image/*', 'aria-label': 'Upload your profile picture' } }) if (file) { const reader = new FileReader() reader.onload = (e) => { Swal.fire({ title: 'Your uploaded picture', imageUrl: e.target.result, imageAlt: 'The uploaded picture' } ) console.log(e.target.result); } reader.readAsDataURL(file) }
sweetalert
Swal.fire({ imageUrl: 'https://placeholder.pics/svg/300x1500', imageHeight: 100, imageAlt: 'A tall image' })
Source: sweetalert2.github.io
sweetalert
swal("Good job!", "You clicked the button!", "error");
Source: sweetalert.js.org
sweetalert
swal("Good job!", "You clicked the button!", "success");
Source: sweetalert.js.org
sweetalert
swal({ icon: "success",});
Source: sweetalert.js.org
sweet alert example
swal("Here's a message!")
Source: lipis.github.io
sweetalert
<script src="//cdn.jsdelivr.net/npm/sweetalert2@10"></script>
Source: sweetalert2.github.io