Sweet Alert

A short communication sent from one person to another or the central theme or idea of a communication. For more details

A Basic Message
HTML Code
<div class="card">
   <div class="card-body text-center">
      <button class="btn btn-primary @click="showAlert" ">Try Me</button>
   </div>
</div>
Script

methods: {
    showAlert () {
      this.$swal({
        title: 'Hello! This is a Basic Message.',
        backdrop: 'rgba(60,60,60,0.8)'
      })
    },
}
Title with a Text
HTML Code
<div class="card">
   <div class="card-body text-center">
      <button class="btn btn-primary @click="showAlert1" ">Try Me</button>
   </div>
</div>
Script

methods: {
    showAlert1 () {
      this.$swal({
        title: 'The Internet?',
        text: 'That thing is still around? question',
        backdrop: 'rgba(60,60,60,0.8)'
      })
    }
}
Previous Next