Skip to main content
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
Source
components/organisms/ActiveEvents/ActiveEvents.tsxProps
Preview
ActiveEvents
Prop
Type
Required
Default
Description
headingstringRequired
—Band heading (h2).
headingIdstringOptional
'ep-active-events-heading'id used by the section's aria-labelledby.
eventsreadonly ActiveEventItem[]Required
—Rows — { id, title, meta, detail?, href }. One anchor per row, no nested links.
image{ src: string; alt: string } | nullOptional
—Sticky 4:5 photo (lg+). Omit to render the list full-width.
emptyLabelstringOptional
—Copy for the empty state (heading is kept).
classNamestringOptional
—Additional CSS classes on the section.
Quick use:
<ActiveEvents />Accessibility
ARIA roleregion