While most Variables will be for standard properties like opacity or text, you may also find yourself creating an Event Variable.
Event Variables can be used to select specific elements within a component that should trigger an interaction, such as a Modal or Magic Motion transition.
Creating an Event Variable
Follow the steps below to create an Event Variable:
Tip: Carry out the below steps within the Primary layer, so your changes affect all your Variants.
- Open the Component Canvas of your component.
- Select the layer that should contain a trigger-able event, like a Frame or an icon.
- To the top-right of the Properties panel, click the + Interactions section
- Choose Create Event
From the Variables window that opens, you can now add a custom name for your event to recognize it later on.