The Featured Session Widget

Download the example.

This example provides a custom widget that prominently displays up to 3 sessions on the registration site.

The widget element defined in src/index.js displays information about each of the featured sessions. The widget uses elements from the site-wide theme and custom “theme overrides” (that apply only to that particular widget) specified by the planner. These theme overrides, along with an array of session IDs that specify the featured sessions, pass to the widget through its configuration object.

The editor element defined in configuration/index.js implements a custom UI for the planner that provides them with controls to edit the configuration of the featured session widget.

The below image shows the featured session widget element appearing twice in the site designer canvas. The editor element appears in the panel on the right.