Skip to content

What is a Primary Container in MockFlow WireframePro?

A Primary Container in MockFlow WireframePro is a designated group or section of components that acts as the main visible area...

Updated 16 Sep 20261 min read

A Primary Container in MockFlow WireframePro is a designated group or section of components that acts as the main visible area during view mode - for prototype interactions.


This is useful when:

  1. Creating multiple screens in the same page and add interactions. You can designate the initial screen as the primary container so that in the view mode, the user flow can be seamlessly demonstrated.

  2. Creating interactive prototypes with "Replace Component" or 'Hide & show' interactions. For example, with app dashboards, if there are any popup interactions or tabbed UI interaction, then the main or the initial screen can be designated as the primary container to be displayed in the view mode.


  1. To make the grouped component a primary container, click on the grouped component and toggle on the 'Set as Primary Container' button.


Selecting the component and set it as a primary container


  1. When you enable the Primary Container setting, only the selected container and its child components will be visible in View mode.


With Primary Container


With primary container


Without Primary Container


Without primary container



Was this page helpful?

Sign in to MockFlow

The same account you use in the app and on the API.

Forgot your password?
or
Continue with GoogleContinue with Microsoft