Property Editor

The Property Editor is where you configure how an element looks and is positioned on the page. It covers layout, styling, spacing, typography, and responsive design. It's organized into several tabs, each dedicated to a specific category of properties.

To open the Property Editor, click the arrow icon at the top right of the canvas. This will slide out the panel where you can adjust the selected element’s properties.

Property Editor appears on the right side

Note: The Property Editor updates based on the selected element. For example, Text elements show font settings, while Image or Container elements may display layout and positioning options. Only relevant settings will be shown.

It consists of 6 tabs used for different purposes.

1. Widget

2. Typography

3. Color and Appearance

4. Positioning

5. Sizing

6. Display and Align

Property Editor Tabs