JSFiddle - React, Tailwind, and code Playground

HTML

<link rel="stylesheet" href="http://semantic-ui.com/dist/semantic.css">
<script src="http://semantic-ui.com/dist/semantic.js"></script>
<div class="test ui modal">
    <i class="close icon"></i>
    <div class="header">Foo bar</div>
    <div class="content">
        <div class="description">Form content here<br />Click Save or Delete</div>
    </div>
    <div class="actions">
        <div class="ui negative button">Cancel</div>
        <div class="ui positive button">Delete</div>
        <div class="ui positive button">Save</div>
    </div>
</div>

CSS

body {
    padding: 1em;
}

JavaScript

$('.test.modal')
  .modal({
    closable: false,
    onDeny: function(){
        alert("Delete?");
    },
    onApprove: function() {
        alert("What was clicked? Save or Delete?");
    }
  })
  .modal('show');