HTML Event Widget

Documentation
1

You can use the Smoke Signal Event Widget to display events on your website.

Important: This is a release candidate. Please expect and report issues in Discourse.

Quick Start

<!doctype html>
<html lang="en">
     <head>
     <meta charset="utf-8">
     <meta name="viewport" content="width=device-width, initial-scale=1">
     <title>Smoke Signal Widget</title>
     </head>
     <body>
          <div
               data-smoke-signal-widget
               data-api-url="https://smokesignal.events"
               data-aturi="at://did:plc:tgudj2fjm77pzkuawquqhsxm/community.lexicon.calendar.event/3kxbvxj7blk2t"
               data-theme="light"
               >
          </div>
          <script src="https://smokesignal.events/static/widget_v1.js"></script>
     </body>
</html>

Rendered Result

Screenshot 2025-07-18 at 4.42.13 PM
Screenshot 2025-07-18 at 4.42.13 PM423×170 9.91 KB

Usage

The event widget is used to display basic Smoke Signal event details. To use this widget, define a container for the widget that includes the necessary configuration and include the Javascript for it.

  • data-smoke-signal-widget is required by the Javascript include to identify the element to populate and render.
  • data-api-url is the Smoke Signal instance to invoke the XRPC call to.
  • data-aturi is the AT-URI of the event to render.
1 Like