Canvas
Une sélection qui se sent aussi bien qu'elle paraît.
Tapez des places, glissez sur les rangées et voyez les états se lire instantanément, pendant que votre backend reste la source de vérité pour options et ventes via les métadonnées de place renvoyées.
Ça vous parle ?
Quarante places, quarante taps
Un bloc corporate ne devrait pas être un entraînement du pouce. La multi-sélection au glissé balaie des rangées dans le panier en un geste.
Des clics morts sur places vendues
Rien ne dit « cassé » comme taper une place et n'entendre que le silence. L'état vendable est une donnée. Les places invendables se lisent ainsi, et les clics sont configurables.
Le moteur de rendu qui joue l'inventaire
Des widgets qui « optionnent » côté client vendent deux fois. Canvas affiche et signale ; votre backend possède la vérité.
Le widget de sélection honnête
01De vrais primitives de sélectionselect, unSelect, isSelected, getSelectedSeats: l'état de sélection est interrogeable, pas enfoui dans le DOM.
02Multi-sélection au glisséUn geste lasso balaie des places contiguës. Activez-le avec un flag.
03Les états comme donnéesVendable ou non est un fait sur la place, stylé par votre thème, pas un espoir CSS.
04Vos métadonnées, renvoyéescustom_data voyage sur chaque place et revient dans chaque événement, le crochet propre pour votre panier et tarification.
05Places vendues, vos règlesDécidez si les places invendables sont cliquables, pour détails, ventes additionnelles ou silence.
06La vérité reste côté serveurOptions et ventes vivent dans votre backend ou la plateforme Seatmap. Le widget n'invente jamais la disponibilité.
Du tap au panier
- 01Tapez ou glissezPlaces seules ou balayages lasso: l'état de sélection se met à jour instantanément.
- 02Les événements portent les métadonnéesVos handlers reçoivent la place avec votre custom_data attaché.
- 03Votre backend décideOptionnez, tarifez et validez côté serveur ; le plan reflète ce que vous confirmez.
Sentez la sélection
Tap, glissé et multi-sélection, en direct dans la démo.