ActiveEvents

Implemented

"En ce moment" band (HV2 / R6, ADR-059): sticky 4:5 photo beside a list of event rows. Each row is a single anchor that expands 88px -> 148px on hover AND focus-visible (CSS only, no JS state), revealing an optional detail line. The whole row is the tap target at every state. No storefront consumer since the 2026-10-27 homepage rebuild (the lane shipped a catalogue grid instead) — kept as a DS organism.

Categoryorganisms

Sourcecomponents/organisms/ActiveEvents/ActiveEvents.tsx

Catalog fallback

Live MDX preview not available for ActiveEvents. Showing component catalog metadata instead.

Props

Preview

ActiveEvents

Prop

Type

Required

Default

Description

heading

string

Required

—

Band heading (h2).

headingId

string

Optional

'ep-active-events-heading'

id used by the section's aria-labelledby.

events

readonly ActiveEventItem[]

Required

—

Rows — { id, title, meta, detail?, href }. One anchor per row, no nested links.

image

{ src: string; alt: string } | null

Optional

—

Sticky 4:5 photo (lg+). Omit to render the list full-width.

emptyLabel

string

Optional

—

Copy for the empty state (heading is kept).

className

string

Optional

—

Additional CSS classes on the section.

Quick use:<ActiveEvents />

Accessibility

ARIA roleregion

Props

ActiveEvents

Accessibility

behavior

ARIA