GiftTicketCard

Deprecated

Gift ticket preview card — recipient name, message preview, event details, and gift wrap indicator. Used in checkout and order confirmation. Critical UX pattern: gift ticket. Superseded by ticketcard.

Categorymolecules

Sourcepatterns/molecules/giftticketcard.html

AI HintUse for grouped UI patterns. Combine atoms into functional units.

Gift-ticket preview card — recipient name, message preview, event details, and gift wrap indicator. Deprecated design-catalog pattern (patterns/molecules/giftticketcard.html): no React component ships and the barrel exports no GiftTicketCard — use TicketCard instead.

GiftTicketCard

Commerce — Family 7 (deprecated)

Deprecated catalog-level molecule. The props below are the documented pattern interface (patterns.ts); there is no React implementation to render.

No React implementation ships — deprecated pattern, superseded by TicketCard. See the TicketCard page for the live ticket-card component.

Usage

Deprecated: superseded by the TicketCard organism. Gift-ticket surfaces should compose TicketCard (real implementation, live demo on its page) and render the recipient name / message as part of the surrounding layout. The old pattern interface is kept here for reference only — GiftTicketCard is not exported from @epasslive/design-system.

// Deprecated pattern — do NOT import; nothing is exported under this name.
// Use the real component instead:
import { TicketCard } from '@epasslive/design-system'

Props

Preview

GiftTicketCard

Prop

Type

Required

Default

Description

recipientName

string

Required

—

No description.

message

string

Optional

—

No description.

eventName

string

Required

—

No description.

eventDate

string

Required

—

No description.

isWrapped

boolean

Optional

False

No description.

Quick use:<GiftTicketCard />

Accessibility

ARIA rolearticle

Usage

Import

tsxSnippet

import { GiftTicketCard } from "@epasslive/design-system"

Example 1

tsxSnippet

<Card title="Event" body="Description" />

Anti-patterns

— Do not hardcode data in molecules

— Avoid complex business logic in molecules