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
| Prop | Type | Required | Default | Description |
|---|---|---|---|---|
venueId | string | Yes | — | |
features | VenueAccessFeature[] | Yes | — | |
selectedFeature | string | No | — | |
onSelect | (featureId: string) => void | Yes | — |
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" />