JSFiddle - React, Tailwind, and code Playground

by Stephan Wagner

HTML

<link rel="stylesheet" href="http://code.jboxcdn.com/jBox.css">
<script src="http://code.jboxcdn.com/jBox.js"></script>
<form id="delete-account-form" action="">

<input type="text">

<button type="submit">Submit form</button>

</form>

CSS

body {
  font-family: sans-serif;
}

JavaScript

var DeleteAccConfirm;

$(document).ready(function () {

  DeleteAccConfirm = new jBox('Confirm', {
    confirmButton: 'Yes Delete Account',
    cancelButton: 'Hell No My Bad',
    maxWidth: 450,
    maxHeight: 550,
    addClass: 'jBoxDelete',
    reposition: true,
    setContent: true,
    animation: ({
      open: 'slide:bottom',
      close: 'slide:bottom'
    }),
    confirm: function() {
			submitForm();
    }
  });

  $('#delete-account-form').submit(function(ev) {
		ev.preventDefault();
    DeleteAccConfirm.open();
  });

});

function submitForm() {
		
    alert('Submit the form via ajax');
		
		// Submit the form here via ajax
}