This article gives an overview of the triggers, conditions, and actions you can utilize when working with interactions.
List of triggers
Overview of which triggers you can use and the definition of when they activate.
User clicks a component
On mouse down
User holding a click
On mouse up
User releasing a click
On mouse enter
User drags cursor on top a component
On mouse leave
User drags cursor outside of a component
On double click
User double-clicks a component
Upon entering view
Component appear on the users screen
Upon leaving view
Component disappear from the users screen
On key down (key pressed)
User pressing and holding a keyboard button
On key up (key released)
User releasing a keyboard button
User scrolls a page up or down
Time hits 0
List of conditions
Overview of which conditions you can use, what their definition are, and with what trigger you can use them.
If trigger is
Distance from top (px)
Number of pixels scrolled from the top of the page.
From 0 to your total page height in pixels.
Distance from top (%)
How much of the page scrolled in percentage.
From 0 to 100%.
Countdown in milliseconds from a set time interval.
From 0 and up.
On key down
A key selected from the keyboard.
Keyboard event key. Read full overview.
Overview of which actions you can use, what their definition are, and when they are compatible.
If target is any component
Component becomes visible.
Component becomes invisible.
Component becomes visible if it is invisible and vice versa.
Scroll to element
Component scrolls the view to the target component.
If target is a Link
Go to URL
Component goes to an URL either in the same or a new tab.
Component opens email service.
Call phone number
Component opens service to call a phone number.
Component downloads a file.
Component opens service to send a SMS.
If target is a Slider component
Go to next slide
Component goes to the next slide.
Go to previous slide
Component goes to the previous slide.
Go to a specific slide
Component goes only to a specific slide number.
If target is a Page
Component opens a page.