Layout tree

The Layout tree is located at the bottom of the right sidebar. It shows you the exact structure of your UI components on the current page.

You can use it to:

• Select UI components
  • Choosing a UI component on a layout tree will also highlight it on the view canvas.
• Move UI components around
  • Dragging the components along the layout tree will also move them along the canvas.
• Add new UI components via drag-and-drop
  • The layout tree makes it particularly easy to add new components to a specific place in an already existing UI.
• Edit composite components
  • The layout tree treats composite components as a single component, and displays all the content within only in the Component editor. This way, your layout is clearer and allows for better navigation.