Reference
<tl-order-tickets>
Every ticket in an order as a scannable card, waiting out issuance rather than reporting an empty order as empty.
| HTML tag | <tl-order-tickets> |
| React | import { TlOrderTickets } from '@ticketlayer/elements-react' |
| Category | Tickets |
| Runs in | web (browser DOM), native (planned React Native set) |
Every ticket in an order as a scannable card, waiting out issuance rather than reporting an empty order as empty.
tl-order-tickets - renders all the tickets for an order as scannable QR cards with PDF download. Fetches the order through the SDK (order-access gated by the session), so it works on a confirmation page or in an account.
<tl-order-tickets order-id="ord_xxx"></tl-order-tickets>Properties#
| Property | Attribute | Description | Type | Default |
|---|---|---|---|---|
columns | columns | Columns in the grid (default 2). | number | 2 |
orderId (required) | order-id | The order whose tickets to show. | string | undefined |
unstyled | unstyled | Render into the light DOM with no stylesheet, for a page that styles the element itself: every node carries a tl-order-tickets__* class. Without it the element is styled, and each node is a ::part() of the same name. | boolean | false |
Related elements#
Renders: <tl-ticket>
Used by: <tl-my-orders>, <tl-order-confirmation>