Const<!-- Basic events feed slider -->
<umd-element-slider-events-feed data-token="events-api-key">
<h2 slot="headline">Upcoming Events</h2>
<a slot="actions" href="/events">All Events</a>
</umd-element-slider-events-feed>
<!-- Academic calendar feed -->
<umd-element-slider-events-feed
data-token="academic-api-key"
data-feed-type="academic">
<h2 slot="headline">Academic Calendar</h2>
<div slot="actions">
<a href="/academic-calendar">Full Calendar</a>
<a href="/academic-calendar/deadlines">Important Deadlines</a>
</div>
</umd-element-slider-events-feed>
<!-- Filtered events with dark theme -->
<umd-element-slider-events-feed
data-token="events-api-key"
data-theme="dark"
data-filter-group-ids="athletics,recreation">
<h2 slot="headline">Sports & Recreation</h2>
<a slot="actions" href="/athletics">Athletics Home</a>
</umd-element-slider-events-feed>
<!-- Multiple category filters -->
<umd-element-slider-events-feed
data-token="events-api-key"
data-filter-group-ids="workshop,seminar,lecture">
<h2 slot="headline">Learning Opportunities</h2>
<div slot="actions">
<a href="/workshops">All Workshops</a>
<a href="/seminars">Seminar Series</a>
</div>
</umd-element-slider-events-feed>
Event Slider Feed
A dynamic slider component that automatically fetches and displays events from a feed. Supports both general events and academic calendar feeds with category filtering. Provides real-time event updates with automatic date formatting and responsive layout.
Custom Element
<umd-element-slider-events-feed>Slots
headline- Section headline (optional, accepts: heading elements)actions- Call-to-action links (optional, accepts: a, button)Attributes
data-theme- Color theme of the component:dark- Dark background with light textdata-token- API token for fetching events (required)data-feed-type- Feed type:academic- Academic calendar eventsdata-filter-group-ids- Comma-separated list of event categories to filterObserved Attributes
resize- Triggers recalculation of date element sizes