# Events ## Overview Uncodie uses an Event propagation system that lets any component subscribe to triggers with different origins and use cases, you can create your events as well.

## Setup 1. Open the Plugin in Figma 2. Select the layer or component you want to add an Event 3. In the **Actions** section click on "+" and select your new action from the list 4. You can add inline javascript by clicking on the "<>" button

4. Choose the trigger for your Action 5. Click on **Save** ## Use Cases ## Window Events This events are related to every user and app execution ### On Click Add this trigger to any event related to a normal click-to action in a layer or element ### On Mouse Over Add this trigger to events like hovering in a layer or button ### On Mouse Leave Add this event to layers to return their states to normal or to track special events when the mouse leaving a layer ### On Key Press This trigger will have an argument with the key pressed ### On Key Up This trigger will have an argument with the key pressed ### On Blur Use this trigger when an element loses its focus, normally an input or a buttón ### On Render Use this trigger to add events related to a component rendering on the screen. ## Custom Events To create a custom event you required to register your event in a script manifest, for more information see: {% embed url="" %}