GroupBookingForm

organisms

Group booking form — quantity selector, seat preference, contact details, and special requests. For groups of 10+. Critical UX pattern: group booking.

ARIA Role: form

Demo

Demo for GroupBookingForm (organisms)

Group booking form — quantity selector, seat preference, contact details, and special requests. For groups of 10+. Critical UX pattern: group booking.

Props

Prop	Type	Required	Default
`eventId`	`string`	Yes	`—`
`minQuantity`	`number`	Yes	`10`
`maxQuantity`	`number`	Yes	`—`
`onSubmit`	`(data: GroupBookingData) => void`	Yes	`—`

TypeScript Interface

interface GroupBookingFormProps {
  eventId: string;
  minQuantity: number;
  maxQuantity: number;
  onSubmit: (data: GroupBookingData) => void;
}

Assertions (NASA Rule 5)

[type]quantity must be between minQuantity and maxQuantity(NASA Rule 5)
[validation]Email must be valid format(NASA Rule 7)

Usage

Import

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

Basic

<Groupbookingform />

With Variants

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