TicketWallet

organisms

User's saved tickets — list of TicketCards, grouped by upcoming/past. Empty state for new users. Filter by event type.

ARIA Role: region

Demo

Demo for TicketWallet (organisms)

User's saved tickets — list of TicketCards, grouped by upcoming/past. Empty state for new users. Filter by event type.

Props

Prop	Type	Required	Default
`upcoming`	`TicketConfig[]`	Yes	`—`
`past`	`TicketConfig[]`	Yes	`—`
`onTicketSelect`	`(ticketId: string) => void`	Yes	`—`

TypeScript Interface

interface TicketWalletProps {
  upcoming: TicketConfig[];
  past: TicketConfig[];
  filter?: { eventType?: string };
  onTicketSelect: (ticketId: string) => void;
}

Assertions (NASA Rule 5)

[type]Both arrays required, can be empty(NASA Rule 7)
[aria]role='region' for each group (Upcoming / Past); empty state visible(WCAG 1.3.1)

Usage

Import

import { Ticketwallet } from '@epasslive/design-system'

Basic

<Ticketwallet />

With Variants

<Ticketwallet variant="primary" size="md" />