JSFiddle - React, Tailwind, and code Playground

HTML

<script src="https://cdnjs.cloudflare.com/ajax/libs/limonte-sweetalert2/7.0.0/sweetalert2.all.js"></script>

JavaScript

swal({
  title: 'Input something',
  type: 'question',
  input: 'text',
  showCancelButton: true
}).then(
  result => {
    if (result.value) {
      swal({
        type: 'success',
        html: 'You entered: <strong>' + result.value + '</strong>'
      })
    } else {
      console.log(`dialog was dismissed by ${result.dismiss}`)
    }
  }
);