JSFiddle - React, Tailwind, and code Playground

by seatsio

HTML

<!doctype html>
<html style="height: 100%;">
<head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <script src="https://api-staging.seatsio.net/chart.js"></script>
</head>
<body style="padding: 0; margin: 0; height: 100%;">

<form style="height: 100%;">
    <div id="chart" style="width: 100%; height: 100%;"></div>
</form>
<script>
    var chart = new seatsio.SeatingChartDesigner({
        divId: "chart",
        chartKey: 'demoChartLargeTheatre',
        designerKey: 'demoDesignerKey',
        openDraftDrawing: true,
        features: {
            disabled: ['publishing']
        },
        onExitRequested: () => {}
    }).render();
</script>

</body>

</html>