Events Widget - Quick Start

Drop this snippet into your page where you want the events to appear:

<script defer src="https://app.dropinaddons.com/widgets/events.js?v=1.1.1">
</script>
<events-widget
  site-key="REPLACE_WITH_YOUR_SITE_KEY"
  title="Upcoming Events"
  limit="5"
  theme="auto">
</events-widget>

Attributes

Hosting / CDN Tips

  • Serve events.js with Cache-Control: public, max-age=31536000, immutable.

  • Pin version in docs: ?v=1.1.1 (update on release).

  • API endpoints respond with no-store to avoid stale data.

Sample Empty State

If there are no upcoming events, the widget renders a friendly “No upcoming events” placeholder.

Accessibility

Modal has focus trapping; buttons have accessible labels; color contrast meets WCAG AA in default themes.

© 2025 DropInAddOns. All rights reserved.