EventList

organisms

Vertical list of events — larger cards, 1 per row, more metadata. For list view toggle.

ARIA Role: list

Demo

Demo for EventList (organisms)

Vertical list of events — larger cards, 1 per row, more metadata. For list view toggle.

Props

PropTypeRequiredDefaultDescription
eventsEventCardPublicConfig[]Yes—0-50 events

TypeScript Interface

interface EventListProps {
  events: EventCardPublicConfig[];
  emptyState?: EmptyStateConfig;
  isLoading?: boolean;
}

Assertions (NASA Rule 5)

  • [type]events bounded 0-50 (NASA Rule 2)(NASA Rule 2)
  • [aria]role='list'(WCAG 1.3.1)

Usage

Import

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

Basic

<Eventlist />

With Variants

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