Event Item Components Demo

Compare the compact EventFeedItem with the new expanded EventItemFull component

Compact View (EventFeedItem)

Full View (EventItemFull)

Full View (EventItemFull)

Full View (EventItemFull)

Feature Comparison

EventFeedItem (Compact)

  • Minimal height design
  • Single-line participant display
  • Basic event information
  • Optimized for feed/list views
  • Hover effects only
  • Mobile responsive

EventItemFull (Expanded)

  • Multi-row layout with visual hierarchy
  • Participant cards with role labels
  • Combat details (distance, damage)
  • Special indicators (headshot, critical)
  • Interactive elements (view player/ship)
  • Expandable for raw data
  • Action buttons (share, view details)
  • Enhanced visual styling
  • Location confidence display