Note: This article contains additional interactions and most of them are predefined within certain page components. If you are looking for the primary set of interactions, you can find them in What are component interactions? article.
Interaction name | Description | Supported by |
Cursor to pointer | When you hover over a component, the cursor changes to a pointer | Box |
To opaque
| Makes a box component opaque on certain action
| Box
|
To transparent
| Makes a box component transparent on certain action
| Box
|
To semi transparent
| Makes a box component semi-transparent on certain action
| Box
|
Set custom background image | Add a custom background image to your box component | Box |
Remove custom background image | Remove a custom background image from your box component | Box |
Toggle loading state | Shows a loading animation when a component is pressed | Action button, Button, Menu item |
Submit | Data in the form gets passed to the action | Form |
Filter | Enables you to filter on a certain parameter | Form, Data container, Data list |
Reset filter | Resets the filter set previously and returns to default | Form, Autocomplete, Data container, Data list, Data table, Radio, Select |
Clear | Clears the value set using the autocomplete and datetime picker components | Autocomplete, Datetime picker |
Next step | Shows the next slide in the carousel or stepper components | Carousel, Stepper |
Previous step | Shows the previous slide in carousel or stepper components | Carousel, Stepper |
Reset | Resets the values of the following components | Checkbox group, Checkbox, Radio, Rating, Select, Text input |
Check | Marks as checked | Checkbox |
Uncheck | Leaves unchecked | Checkbox |
Check/Uncheck | Marks as checked or leaves unchecked | Checkbox |
Set visibility | Hides the conditional and its content | Conditional |
Set left value | Sets the left-side value of the condition | Conditional |
Set right value | Sets the right-side value of the conditional | Conditional |
Set current record from select | Passes an ID from a select component to other data components | Data container |
Advanced filter | Sets the filter component to enhance the filtering experience | Data container, Data table |
Clear advanced filter | Removes the filter from the data component | Data container, Data list, Data table |
Expand | Expands the expansion panel component | Expansion panel |
Collapse | Returns the expansion panel component to the default (closed) state | Expansion panel |
Expand/Collapse | Either expands or collapses (closes) the expansion panel (depending on its state) | Expansion panel |
Clear file upload | The file upload component is cleared | File upload |
Add filter group | Add multiple rows within the filter component | Filter |
Reset advanced filter | Clears the values previously set to filter component | Filter |
Apply filter | Applies the values previously set to filter component | Filter |
Set custom image | Enables you to insert a custom image | Media |
Remove custom image | Enables you to remove a custom image | Media |
Next tab | Switches to the next tab | Tabs |
Previous tab | Comes back to the previous tab | Tabs |