Saltar al contenido

ejemplo de código de documentación de sweetalert2

Intenta comprender el código bien antes de adaptarlo a tu proyecto y si tdeseas aportar algo puedes compartirlo con nosotros.

Ejemplo 1: alerta dulce 2 realizar una acción al confirmar

Swal.fire(  
  title: 'Do you want to save the changes?',  
  showDenyButton: true,  showCancelButton: true,  
  confirmButtonText: `Save`,  
  denyButtonText: `Don't save`,
).then((result) =>   
	/* Read more about isConfirmed, isDenied below */  
    if (result.isConfirmed)     
    	Swal.fire('Saved!', '', 'success')  
     else if (result.isDenied)     
    	Swal.fire('Changes are not saved', '', 'info')  
 	
);

Ejemplo 2: sweetalert2

$ npm install sweetalert2

Ejemplo 3: tragar tipos de fuego

swal(
  title: "Are you sure?",
  text: "Your will not be able to recover this imaginary file!",
  type: "danger",
  showCancelButton: true,
  confirmButtonClass: "btn-danger",
  confirmButtonText: "Yes, delete it!",
  closeOnConfirm: false
,
function()
  swal("Deleted!", "Your imaginary file has been deleted.", "success");
);

Ejemplo 4: sweetalert2

<scriptsrc="https://cdn.jsdelivr.net/npm/[email protected]">script>

Ejemplo 5: js de alerta dulce

swal(
     title: "Deleted!",
     text: "Your row has been deleted.",
     button: "Close", // Text on button
     icon: "success", //built in icons: success, warning, error, info
     timer: 3000, //timeOut for auto-close
      buttons: 
        confirm: 
          text: "OK",
          value: true,
          visible: true,
          className: "",
          closeModal: true
        ,
        cancel: 
          text: "Cancel",
          value: false,
          visible: true,
          className: "",
          closeModal: true,
        
      
     );

Ejemplo 6: sweetalert2

<scriptsrc="https://cdn.jsdelivr.net/npm/[email protected]">script>

Puntuaciones y reseñas

Eres capaz de añadir valor a nuestro contenido informacional tributando tu experiencia en las aclaraciones.

¡Haz clic para puntuar esta entrada!
(Votos: 0 Promedio: 0)



Utiliza Nuestro Buscador

Deja una respuesta

Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *