| |
|---|
| HTML tag | <tl-event-list> |
| React | import { TlEventList } from '@ticketlayer/elements-react' |
| Category | Discovery |
| Runs in | web (browser DOM), native (planned React Native set) |
Properties
| Property | Attribute | Description | Type | Default |
|---|
category | category | Category filter | string | undefined | undefined |
columns | columns | Columns for grid layout (1, 2, 3, or 4) | number | 3 |
limit | limit | Maximum number of events to display | number | 12 |
Events
| Event | Description | Type |
|---|
tlEventClick | Emitted when an event card is clicked | CustomEvent<{ eventId: 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-event-card>