CheckinList

organisms

Real-time check-in feed — last 50 scans with attendee name, ticket tier, scan result, timestamp. Subscribes to Medusa events for live updates.

ARIA Role: list

Demo

I agree to the terms of serviceSubscribe to marketing emailsAlready selected

Disabled

Props

Prop	Type	Required	Default	Description
`eventId`	`string`	Yes	`—`
`initialScans`	`Scan[]`	Yes	`—`	1-50 items

TypeScript Interface

interface CheckinListProps {
  eventId: string;
  initialScans: Scan[];
  liveUpdates?: boolean;
  maxItems?: number;
  filter?: { result?: 'valid' | 'invalid' | 'duplicate' | 'all' };
}

Assertions (NASA Rule 5)

[type]eventId, initialScans required; maxItems in [10, 100] (NASA Rule 2)(NASA Rule 2 + 5)
[aria]aria-live='polite' announces new scans; each row has role='listitem'(WCAG 4.1.3)

Usage

Import

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

Basic

<Checkinlist />

With Variants

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