akalanka47000 / react-seat-toolkit

React UI library to design and render seat layouts

React Seat Toolkit

IMPORTANT :- This library has been moved under the Mezh HQ Organization and can be found here

---

React UI library to design and render seat layouts. The library is still under active development and not yet ready for production use until the next major release (v1.0.0).

Features

• JSON based: Define your seat layout using JSON data and retrieve it back as JSON after customization ✓

• Customizable: Customize the layout as per your requirements

  • Seats

    • Add new seats ✓
    • Remove existing seats ✓
    • Change seat colors ✓
    • Change seat labels ✓
    • Change seat status ✓
    • Group seats together into categories ✓
    • Categorier (Manage seat categories) ✓

  • Pen

    • Draw on the layout using a pen tool to create custom shapes ✓

  • Text

    • Add text to the layout ✓
    • Change text color ✓
    • Change text size ✓
    • Change text font weight ✓

  • Shapes

    • Add shapes to the layout ✓
    • Change shape color ✓
    • Change shape size ✓
    • Change shape border color ✓

  • Sections

    • Section manager ✗
    • Free seating sections ✗

  • Miscallaneous

    • Add, move around and scale background images ✓
    • Add and move around booths ✓
    • Multiple element selection and deselection ✓
    • Bring elements to front or back ✓

• Responsive: The layout is responsive and can be viewed on any device 🛠️

• Preview: Preview the layout in a separate window 🛠️

• Designer mode and User mode: Switch between designer and user mode to enable or disable customization 🛠️

  • Designer mode: Enable customization
  • User mode: Disable customization
    • Add callback functions to handle seat selection

• Override styles: Override the default styles to match your application's theme 🛠️

Contributing

Please read CONTRIBUTING.md for details on setting up your development environment and the process for submitting pull requests to us.