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.unavailableSeats[object.label];
  },
  extraConfig: {
    unavailableSeats: {
      'A-1': true,
      'A-2': true,
      'A-3': true,
      'A-4': true,
      'A-5': true
    }
  }
}).render();