# Events Seat Map

Seat selection when buying tickets for a theater or stadium.

- id: `events-seat-map`
- Page: https://agentic-ui-kit.com/components/events-seat-map
- Live preview: https://agentic-ui-kit.com/live/component/events-seat-map

## Install

```bash
agentic-ui add events-seat-map
npx shadcn@4.17.0 add @agentic-ui/events-seat-map
```

## Metadata

- **Level:** block
- **Category:** block
- **Installable in:** Radix UI (registry variant new-york), Base UI (registry variant base-vega)
- **Capabilities:** canvas-seat-rendering, seat-status-model, price-tier-grouping, pointer-seat-selection, keyboard-seat-navigation, accessible-dom-mirror, selection-limit-enforcement, rejection-reasoning, zoom-and-fit-viewport, venue-feature-rendering, live-region-announcement, selection-total-pricing, capacity-summary
- **Intents:** manage-collection, explore-detail, execute-flow
- **Suits domains:** ecommerce, operations, travel, media, saas
- **Interaction:** pointer-selection, keyboard-arrow-navigation, zoom-controls, live-region-feedback
- **Screen role:** flow
- **Density:** comfortable
- **Dark mode:** yes
- **Use it for:** seat selection when buying tickets for a theater or stadium, cinema floor plan with pricing by zone and accessible seats, seat assignment in a training room or a corporate event, organizer panel showing sold, held and blocked capacity
- **Avoid when:** seats with no fixed position, where a list or a quantity selector is enough, general admission venues without numbering, geographic plans over real cartography, which call for a map rather than a venue
- **Preserve when adapting:** seat-status-semantics, accessible-dom-mirror, selection-rules, keyboard-model
- **Replace when adapting:** venue-geometry, tier-pricing, domain-copy, currency-formatting
- **Adaptation effort:** low
- **Coupling:** low
- **Quality score:** 9.2/10
- **Quality breakdown:** visual 9/10, responsive 9/10, accessibility 9/10, code 9/10