Skip to main content

Tutorial Intro

Welcome to the React Seat Select tutorial! 🎉

This package provides seat selection components for theaters and buses, along with layout designers to configure your seating arrangements.

Components Overview​

React Seat Select comes with four main components:

  • 🎭 TheaterSeatSelect – Renders an interactive seat selection grid for theaters/cinemas.
  • 🚌 BusSeatSelect – Renders seat layouts for buses with seat selection support.
  • 🛠 TheaterLayoutDesigner – Helps you design and generate configurations for TheaterSeatSelect.
  • 🛠 BusLayoutDesigner – Helps you design and generate configurations for BusSeatSelect.

These layout designers let you visually create seat maps and export JSON configuration, which can then be used by the seat selection components.

Installation​

Install the package using npm or yarn:

npm install react-seat-select
# or
yarn add react-seat-select