TicketTransferModal

organisms

Ticket transfer modal — enter recipient email, select tickets to transfer, add message, and confirm. Used from order history. Preserves legacy transfer flow.

ARIA Role: dialog

Demo

Confirm Action

Are you sure you want to proceed? This action cannot be undone.

Props

Prop	Type	Required	Default
`isOpen`	`boolean`	Yes	`—`
`onClose`	`() => void`	Yes	`—`
`orderTickets`	`Ticket[]`	Yes	`—`
`onTransfer`	`(data: TransferData) => void`	Yes	`—`

TypeScript Interface

interface TicketTransferModalProps {
  isOpen: boolean;
  onClose: () => void;
  orderTickets: Ticket[];
  onTransfer: (data: TransferData) => void;
}

Assertions (NASA Rule 5)

[type]at least one ticket must be selected for transfer(NASA Rule 5)
[validation]email must be valid format(NASA Rule 7)

Usage

Import

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

Basic

<Tickettransfermodal />

With Variants

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