Skip to main contentOverview
The Events Panel is where you’ll define events to be used in custom event interactions.
An event is simply a construct used to communicate that something has happened. It doesn’t contain logic on its own—it’s just a named signal. Other interactions can “listen” for that signal and respond to it. Because of this, all you need to define for an event is a name (what happened) and an optional description (why or when it happens). Everything else—what should occur when the event fires—gets defined in your interactions, not the event itself.
Custom event interactions combine a Set Event action with a Custom Event trigger. Any trigger can fire a Set Event action. The Custom Event trigger “listens” for that event and fires its own actions when the event occurs.
Events have two main use cases:
- Create interactions that are out of scope, like interactions on a native navigation bar item or a main component.
- Remove repetitive interactions. For example, if each segment of a segmented control needs the same interaction, each segment can fire a Set Event action while a single Custom Event trigger on the page handles the resulting actions. Check out this Grid Prefab project to learn more.
Create an Event
Hover on the events dropdown and click the plus icon. Enter the event name and optional description. Closing the popup with save your changes.
Edit an Event
Click on the event you’d like to change in the Events Panel. Update the name and description in the popup. Closing the popup with save your changes.
To duplicate, delete, or rename (an alternate way) your event, right click on the event. 
