WaitlistJoinForm

molecules

Waitlist join form — email input, notification preference, and join button. For sold-out events. Preserves legacy waitlist functionality.

ARIA Role: form

Demo

Demo for WaitlistJoinForm (molecules)

Waitlist join form — email input, notification preference, and join button. For sold-out events. Preserves legacy waitlist functionality.

Props

PropTypeRequiredDefaultDescription
eventIdstringYes—
onJoin(email: string, notifySms: boolean) => voidYes—

TypeScript Interface

interface WaitlistJoinFormProps {
  eventId: string;
  onJoin: (email: string, notifySms: boolean) => void;
}

Assertions (NASA Rule 5)

  • [validation]email must be valid format(NASA Rule 7)
  • [aria]Form must have aria-label describing purpose(WCAG 4.1.2)

Usage

Import

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

Basic

<Waitlistjoinform />

With Variants

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