EventCardPublic

Deprecated

Public event card — 320px wide. Top: 200px image with hover scale. Body: date (large) + title + venue + price-from + Buy button. Larger and more visual than admin EventCard. Superseded by eventcard.

Categorymolecules

Sourcepatterns/molecules/eventcardpublic.html

AI HintUse for grouped UI patterns. Combine atoms into functional units.

Catalog fallback

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

Props

Preview

EventCardPublic

Prop

Type

Required

Default

Description

id

string

Required

—

No description.

title

string

Required

—

No description.

image

EventImage

Required

—

No description.

date

EventDate

Required

—

No description.

priceFrom

number

Required

—

href

string

Required

—

No description.

Quick use:<EventCardPublic />

Accessibility

ARIA rolearticle

Usage

Import

tsxSnippet

import { EventCardPublic } from "@epasslive/design-system"

Example 1

tsxSnippet

<Card title="Event" body="Description" />

Anti-patterns

— Do not hardcode data in molecules

— Avoid complex business logic in molecules