How to use show component and hide component in interactions?

Imagine a sidebar that appears when the user clicks a button and closes when they click the overlay. Follow these steps to show or hide components in interactions.


1To use the Show or Hide Component feature, select a component from the wireframe and click 'Manage Interactions.'


Screen Shot 2024-09-12 at 3.41.02 PM.png


2Choose an interaction, then select the 'Show Component' action.


Screen Shot 2024-09-12 at 3.39.46 PM.png


3From the components list, select the component to be shown and click 'Select.'


Screen Shot 2024-09-12 at 3.40.14 PM.png


4Next, select the component to hide, choose the preferred interaction, and select the 'Hide Component' action.


Screen Shot 2024-09-12 at 3.59.30 PM.png


5From the list, select the component to be hidden, click 'Select,' and then click the eye icon to hide the component.


Screen Shot 2024-09-12 at 3.41.32 PM.png


6Add effects to the actions as needed. Refer to these articles for guidance on adding and editing effect transitions.


7Switch to View Mode to see the Show and Hide actions in effect by clicking on the desired component.








Rate this article
great ok bad
For more questions - Contact Us
...