VenueAccessMap

organisms

Venue accessibility map — shows entrance locations, wheelchair routes, accessible restrooms, and parking. Interactive SVG map. Preserves legacy venue info.

ARIA Role: img

Demo

Demo for VenueAccessMap (organisms)

Venue accessibility map — shows entrance locations, wheelchair routes, accessible restrooms, and parking. Interactive SVG map. Preserves legacy venue info.

Props

PropTypeRequiredDefaultDescription
venueIdstringYes
featuresVenueAccessFeature[]Yes
selectedFeaturestringNo
onSelect(featureId: string) => voidYes

TypeScript Interface

interface VenueAccessMapProps {
  venueId: string;
  features: VenueAccessFeature[];
  selectedFeature?: string;
  onSelect: (featureId: string) => void;
}

Assertions (NASA Rule 5)

  • [type]features must have at least 1 item(NASA Rule 5)
  • [aria]Map must have aria-label describing venue accessibility features(WCAG 4.1.2)

Usage

Import

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

Basic

<Venueaccessmap />

With Variants

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