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)'
})
}
}