Create a container for other components.
A container acts as a vessel for other components, allowing you to group them together and treat them as a single unit. Dividing your design into sections using containers allows you to quickly re-arrange the larger blocks of your design without re-positioning individual components. Additionally, a container can be configured to allow scrolling of its contents when needed.
Containers are particularly useful when working with states. Dynamically hiding and showing a container will also hide and show the components inside it. This makes containers helpful for creating pop-up windows and tabbed panels.
You add components to a container by dragging them inside its borders. In the Component Outline, the added components appear as children of the parent container.
Locking the position of a container allows you can “carve out” sections of your design, with each locked container acting like its own miniature canvas. For more information, see Locking Position.
Locking the contents of a container allows you to treat the container as a single unit on the canvas, without fear of accidentally modifying the components inside. For more information, see Locking Contents.