Reference
<tl-my-credit>
Your credit: the signed-in buyer's account credit with this organisation, each balance with its expiry and whether it is on hold, and its activity (what was put on it and spent, when, and on which ord
| HTML tag | <tl-my-credit> |
| React | import { TlMyCredit } from '@ticketlayer/elements-react' |
| Category | Account |
| Runs in | web (browser DOM), native (planned React Native set) |
Your credit: the signed-in buyer's account credit with this organisation, each balance with its expiry and whether it is on hold, and its activity (what was put on it and spent, when, and on which order) a page at a time. A buyer who is not signed in is asked to.
<tl-my-credit></tl-my-credit>Properties#
| Property | Attribute | Description | Type | Default |
|---|---|---|---|---|
heading | heading | The element's heading. | string | 'Your credit' |
unstyled | unstyled | Render into the light DOM with no stylesheet, for a page that styles the element itself: every node carries a tl-my-credit__* class. Without it the element is styled, and each node is a ::part() of the same name. | boolean | false |
Events#
| Event | Description | Type |
|---|---|---|
tlError | Emitted when the credit cannot be loaded. | 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.