Event

Introduction

The event component is used to display information about a single event, including its title, date, time, location, and an optional image. It is designed for use in event listings or as a standalone event summary.

Component Structure

Props

Field	Data Type	Requirement	Description	Note
Heading Level	String	Required	The HTML heading level for the event title.	Options: h2–h6. Defaults to h2. Choose based on the heading hierarchy of the page.
Component ID	String	Optional	An ID for the component, useful for in-page anchor linking.

Slots

Field	Data Type	Requirement	Description	Note
Event Title	String	Required	The title of the event.	Recommended to limit to 100 characters for optimal display.
Event URL	String	Optional	A link to the full event details page.
Event Description	WYSIWYG	Optional	A brief description of the event.
Event Date	Date	Optional	The date of the event.	Use the format "Day, Month Date" (e.g., "Friday, July 4").
Event Time	String	Optional	The time of the event.	Use the format "HH:MM am/pm" (e.g., "2:00pm").
Event Location	String	Optional	The location or venue of the event.
Event Image	Media Image URL	Optional	An image associated with the event.
Event Image Alt Text	String	Conditional	Alt text for the event image.	Required if Event Image is used.