# Events Checkin Scanner

Door check-in for concerts.

- id: `events-checkin-scanner`
- Page: https://agentic-ui-kit.com/components/events-checkin-scanner
- Live preview: https://agentic-ui-kit.com/live/piece/events-checkin-scanner?piece=events-checkin-scanner

## Install

```bash
agentic-ui add events-checkin-scanner
npx shadcn@4.17.0 add @agentic-ui/events-checkin-scanner
```

## Metadata

- **Level:** feature
- **Category:** feature
- **Installable in:** Radix UI (registry variant new-york), Base UI (registry variant base-vega)
- **Capabilities:** code-entry, arrival-queue, scan-outcomes, door-select, performance-select, checked-in-progress, scan-log, used-pass-preview
- **Intents:** execute-flow, monitor-live, audit-trail
- **Suits domains:** operations, ecommerce, travel, saas
- **Interaction:** code-entry, arrival-queue, scan-outcomes, door-select, performance-select, checked-in-progress, scan-log, used-pass-preview
- **Screen role:** management
- **Density:** medium
- **Dark mode:** yes
- **Use it for:** Door check-in for concerts, Conference badge scanning, Boarding gate pass validation
- **Avoid when:** Camera decoding is required in the browser (add a decoder first), Unticketed walk-in counting
- **Preserve when adapting:** outcome-first-result, refusal-reasons, door-context
- **Replace when adapting:** scanner-adapter, pass-format, domain-copy
- **Adaptation effort:** medium
- **Coupling:** medium
- **Quality breakdown:** visual 8/10, responsive 8/10, accessibility 8/10, code 8/10
- **Uses primitives:** card, button, progress, input, label
- **npm dependencies:** lucide-react
- **Motion:** profile subtle, library css, reduced-motion fallback yes
- **Used in:** Events Ticketing (blueprint)
- **npm dependencies (registry):** lucide-react@0.577.0
- **Registry dependencies:** events-capacity-gauge, lib-billing-checkout-flow, lib-events-qr-pass, lib-events-seat-map, lib-motion, lib-motion-list, lib-motion-micro-interactions, lib-primitives, lib-tokens, motion-skeleton-shimmer, motion-tab-indicator