JSFiddle - React, Tailwind, and code Playground

by seatsio

HTML

<script src="https://cdn.seatsio.net/chart.js"></script>

<div id="chart">

</div>

JavaScript

new seatsio.SeatingChart({
	publicKey: 'publicDemoKey',
  chart: 'demoChartSmallTheatre',
  isObjectSelectable: (object, dflt, extraConfig) => {
    return !extraConfig.bookedSeats.has(object.label);
  },
  extraConfig: {
    bookedSeats: {
      'A-1': true,
      'A-2': true,
      'A-3': true,
      'A-4': true
    }
  }
}).render();