GitHub

Public Event List

Block
Public-facing list of upcoming events

Installation

pnpm add @corew500/feature-events

Usage

import { PublicEventList } from "@corew500/feature-events"

<PublicEventList>Content</PublicEventList>

API Reference

Props

PropTypeDefaultDescription
events*EventWithCount[]Events data (typically only published events)
loadingenumLoading state
localestringenLocale for date formatting
upcomingTitlestringUpcoming EventsSection title for upcoming events
pastTitlestringPast EventsSection title for past events
showPastEventsenumfalseWhether to show past events section
emptyContentenumCustom empty state content
emptyTitlestringNo upcoming eventsCustom empty title
emptyDescriptionstringCheck back soon for new events.Custom empty description
renderAction(event: EventWithCount) => ReactNodeRender function for custom action per event (e.g., register button)
classNamestringAdditional CSS classes

Accessibility

Screen Readers

  • Icons are decorative (aria-hidden)

Additional

  • - Sections use heading hierarchy
  • Cards are semantic with proper structure

Localization

Translatable Content

  • - All text props are customizable for translation

Locale-Specific Formatting

  • Date formatting uses locale-aware Intl.DateTimeFormat