sweet alert with two buttons

Hacker Harsha answered on July 10, 2022 Popularity 9/10 Helpfulness 6/10

answer sweet alert with two buttons

sweet alert with two buttons

Comment

Swal.fire({
  title: 'Do you want to save the changes?',
  showDenyButton: true,
  showCancelButton: true,
  confirmButtonText: 'Yes',
  denyButtonText: 'No',
  customClass: {
    actions: 'my-actions',
    cancelButton: 'order-1 right-gap',
    confirmButton: 'order-2',
    denyButton: 'order-3',
  }
}).then((result) => {
  if (result.isConfirmed) {
    Swal.fire('Saved!', '', 'success')
  } else if (result.isDenied) {
    Swal.fire('Changes are not saved', '', 'info')
  }
})




.my-actions { margin: 0 2em; }
.order-1 { order: 1; }
.order-2 { order: 2; }
.order-3 { order: 3; }

.right-gap {
  margin-right: auto;
}

Popularity 9/10 Helpfulness 6/10 Language whatever

Source: sweetalert2.github.io

Tags: alert whatever

Link to this answer
Share Copy Link

Contributed on Jul 10 2022

Hacker Harsha

0 Answers Avg Quality 2/10

sweet alert with two buttons

Contents

More Related Answers

sweet alert with two buttons

Grepper

Documentation

Social

Legal

Contact

Oops, You will need to install Grepper and log-in to perform this action.