Skip to main content
EventCardPublic
DeprecatedPublic 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
Source
patterns/molecules/eventcardpublic.htmlAI HintUse for grouped UI patterns. Combine atoms into functional units.
Props
Preview
EventCardPublic
Prop
Type
Required
Default
Description
idstringRequired
—No description.
titlestringRequired
—No description.
imageEventImageRequired
—No description.
dateEventDateRequired
—No description.
priceFromnumberRequired
—0+
hrefstringRequired
—No description.
Quick use:
<EventCardPublic />Accessibility
ARIA rolearticle
Type
1 ruleARIA
1 ruleUsage
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