JSFiddle - React, Tailwind, and code Playground

by adamschwartz

CSS

</style>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.10.1/jquery.min.js"></script>
<script src="http://github.hubspot.com/vex/js/vex.js"></script>
<script src="http://github.hubspot.com/vex/js/vex.dialog.js"></script>
<link href="http://github.hubspot.com/vex/css/vex.css" rel="stylesheet" />
<link href="http://github.hubspot.com/vex/css/vex-theme-os.css" rel="stylesheet" />
<style>

JavaScript

vex.dialog.confirm({
    className: 'vex-theme-os',
    message: 'You are currently viewing the mobile version of this site. Would you like to view the desktop version instead?',
    buttons: [
        $.extend({}, vex.dialog.buttons.YES, { text: 'View desktop site' }),
        $.extend({}, vex.dialog.buttons.NO,  { text: 'Stay here' })
    ],
    callback: function(confirmed) {
        if (confirmed) {
            console.log('Go to desktop site...');
        } else {
            console.log('Stay here...');
        }
    }
});