• 종류
  • success
  • info
  • error
  • question

SweetAlert2

→ 엄청난 예시 모음 있다👧🏻

• sweetalert2

sweetalert2- 커스텀 및 여러 버튼, 사진 첨부 가능

import Swal from 'sweetalert2';

Swal.fire({
  title: '',
  text: "You won't be able to revert this!",
  icon: 'warning',
  showCancelButton: true,
  confirmButtonColor: '#3085d6',
  cancelButtonColor: '#d33',
  confirmButtonText: 'Yes, delete it!'
}).then((result) => {
  if (result.isConfirmed) {
    Swal.fire(
      'Deleted!',
      'Your file has been deleted.',
      'success'
    )
  }
})

• sweetalert1

sweetalert1- 간단한 기본 alert

import swal from "sweetalert";

swal("굵은 글씨", "내용" , "success")