Design System / Modules

Event Reminder

advancedCommercefeatures

Entry pass — media, date, venue, status, expandable details, and a transfer CTA.

Demo

Event ReminderValid

Fri 18 Jul · 8:00 PM

Launch Night

The Cause, LondonStanding

Ticket details

Order#A1B2C3

EntryDoor B

HolderYou

Source

The rendered structure, live from the demo above — hover a row to highlight the element in the demo.

Waiting for the demo to render…

Colour Mapping

Every colour token this module consumes, resolved under the active profile — neutral · light · brand default. Switch the profile above the demo to remap.

--module-surface-raised
--module-surfacevia shared
--module-fg-mutedvia shared

Token contract

SEMANTIC SLOTS

--module-surface-raised--module-surface ·shared--module-fg-muted ·shared

LAYOUT & TYPE

--radius-3--radius-4 ·shared

Anatomy

LAYERS

Event Reminder ModuleModuleShell · card

Module HeaderRow

Module TitleRadix Text

Module CTARadix Badge (status)

Module ContentRow

FlyerBox (media)

Ticket MetaColumn

DateRadix Text

Event TitleRadix Heading

VenueRadix Text

SeatRadix Text

Module CTARadix Button (pill)

Details ExpanderNative <details>

RADIX COMPONENTS

BadgeBoxButtonFlexHeadingText

SHARED COMPOSITES

ModuleShell

Fields

The client-editable schema (builder-kit/lib/fields.ts) — what the Builder's fields rail and the Portal Builder expose. Defaults are the sample props the demo renders with.

Key	Label	Type	Options	Sample default
`title`	Module title	text	—	—
`eventTitle`	Event title	text	—	Launch Night
`dateLabel`	Date	text	—	Fri 18 Jul · 8:00 PM
`venue`	Venue	text	—	The Cause, London
`seat`	Seat	text	—	Standing
`status`	Status	select	valid, used, transferred	—
`header`	Show header	toggle	—	—

Registry

File	`modules/features/TicketModule/TicketModule.tsx`
Component	EventReminderModule
Tier / group	advanced · features
Status	built
Client references	cnx, genesys