| |
|---|
| HTML tag | <tl-buy-modal> |
| React | No wrapper: this element is mounted by the SDK, not placed in markup |
| Category | Purchase |
| Runs in | web (browser DOM) |
Properties
| Property | Attribute | Description | Type | Default |
|---|
eventId (required) | event-id | Event to sell tickets for. | string | undefined |
occurrenceId | occurrence-id | Optionally open straight to ticket selection for this occurrence. | string | undefined | undefined |
Events
| Event | Description | Type |
|---|
tlCheckout | | CustomEvent<void> |
tlClose | | CustomEvent<void> |
tlError | | CustomEvent<{ message: string; }> |
Events are CustomEvents; the payload is on event.detail. In HTML, listen with element.addEventListener('tlXxx', handler); in React the wrapper exposes each one as an onTlXxx prop.
Renders: <tl-occurrence-selector>, <tl-ticket-selector>