AccessibilitySeatSelector

molecules

Accessibility seating options selector — wheelchair accessible, companion seat, aisle access, hearing loop, and visual aid seats. Critical UX pattern: accessibility seating.

ARIA Role: group

Demo

Demo for AccessibilitySeatSelector (molecules)

Accessibility seating options selector — wheelchair accessible, companion seat, aisle access, hearing loop, and visual aid seats. Critical UX pattern: accessibility seating.

Props

Prop	Type	Required	Default
`options`	`AccessibilityOption[]`	Yes	`—`
`selected`	`string[]`	Yes	`—`
`onChange`	`(selected: string[]) => void`	Yes	`—`

TypeScript Interface

interface AccessibilitySeatSelectorProps {
  options: AccessibilityOption[];
  selected: string[];
  onChange: (selected: string[]) => void;
}

Assertions (NASA Rule 5)

[type]options must have at least 1 item(NASA Rule 5)
[aria]Each option must have descriptive aria-label(WCAG 4.1.2)

Usage

Import

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

Basic

<Accessibilityseatselector />

With Variants

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