Skip to main content

<tl-order-tickets>

HTML tag<tl-order-tickets>
Reactimport { TlOrderTickets } from '@ticketlayer/elements-react'
CategoryTickets
Runs inweb (browser DOM), native (planned React Native set)

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

PropertyAttributeDescriptionTypeDefault
columnscolumnsColumns in the grid (default 2).number2
orderId (required)order-idThe order whose tickets to show.stringundefined

Renders: <tl-ticket>

Used by: <tl-my-orders>, <tl-order-confirmation>