Eventdetaillayout

Deprecated

Deprecated two-column event detail layout (hero, content slots, sticky ticket aside); superseded by DetailPageLayout - do not use for new work.

Categoryorganisms

Sourcecomponents/organisms/EventDetailLayout/EventDetailLayout.tsx

AI HintDo not adopt: use organisms/DetailPageLayout (W3) instead; this organism is kept only until its scheduled deletion wave.

Deprecated — use DetailPageLayout

EventDetailLayout is deprecated (2026-09-02 — W3 organisms plan). The generic slot-host DetailPageLayout now owns the detail-page chrome once; the caller owns every piece of content. Zero consumers at deprecation time; deletion is scheduled as a follow-up wave (kept until the scheduled deletion wave — W3 spec §6 Q5).

Deprecated two-column event detail layout (hero, content slots, sticky ticket aside). Superseded by the generic slot-host DetailPageLayout (W3 organisms plan). Zero consumers at deprecation time (2026-09-02); deletion scheduled as a follow-up wave.

EventDetailLayout

Organism — Event family (Family 2) — DEPRECATED

Event-specific 8-slot chrome (hero / description / venue / ticketPanel / artists / reviews / faq / ariaLabel). Replaced by DetailPageLayout, which owns the detail-page chrome once and lets the caller own every piece of content.

14 concerts en plein air sur deux scènes. Programmation 2026 : Pat Metheny, Esperanza Spalding, BadBadNotGood et plusieurs artistes québécois dont Rémi Bolduc et Christine Jensen.

Place des Arts — Montréal, QC

This component supports light and dark mode.

Props

Prop

Type

Default

Description

hero*

React.ReactNode

—

Full-bleed hero strip above the content grid.

description*

React.ReactNode

—

Primary descriptive content (body text, overview).

venue*

React.ReactNode

—

Venue / location block.

ticketPanel*

React.ReactNode

—

Sticky right-column ticket panel (rendered inside <aside aria-label="Tickets">).

artists

React.ReactNode

—

Artists / line-up block.

reviews

React.ReactNode

—

Reviews / press block.

faq

React.ReactNode

—

FAQ block.

ariaLabel

string

'Event details'

aria-label for the content <section>. The aside aria-label is hardcoded "Tickets" (not overridable — an i18n liability).

Props

Preview

Eventdetaillayout

Prop

Type

Required

Default

Description

hero

React.ReactNode

Required

—

Synced from source — no interface JSDoc yet; document on `Eventdetaillayout.tsx`.

description

React.ReactNode

Required

—

Secondary/descriptive text.

venue

React.ReactNode

Required

—

Synced from source — no interface JSDoc yet; document on `Eventdetaillayout.tsx`.

ticketPanel

React.ReactNode

Required

—

Synced from source — no interface JSDoc yet; document on `Eventdetaillayout.tsx`.

artists

React.ReactNode

Optional

—

Synced from source — no interface JSDoc yet; document on `Eventdetaillayout.tsx`.

reviews

React.ReactNode

Optional

—

Synced from source — no interface JSDoc yet; document on `Eventdetaillayout.tsx`.

faq

React.ReactNode

Optional

—

Synced from source — no interface JSDoc yet; document on `Eventdetaillayout.tsx`.

ariaLabel

string

Optional

'Event details'

Synced from source — no interface JSDoc yet; document on `Eventdetaillayout.tsx`.

Quick use:<Eventdetaillayout />