The Property Panel contains and allows you to edit all available properties for the Page, Block, Containers, and Elements. When active and on hover, the Group Headings are emphasized by being darker.

Buttons

On the Property Panel, some critical operations are presented as Buttons. For example, you can use the Reset Responsive and Delete Block buttons for the selected Block.

Sections

The Property Panel section reflects a particular property of the selected Element.

Properties

You can fine-tune Containers and Elements with the Properties, which cover all supported values and options.

Positioning

The Positioning property for Elements shows the principal coordinates.

You can set the additional values in the Options if needed.

Shape Styles

You can use the Shape Styles presented more compactly.

Background Fill

The Background Fill allows you to easily add and remove the Fill.

Gradient Color Opacity

You can set the Opacity for the Gradient Colors, making it easier to apply the Transparent Gradient.

Border

Similarly, you can add and modify the Border Property more intuitively.

Transparency

The same approach is applied to the Transparency Property.

Shadow

Also, you can apply the Shadow Property.

Icon Styles and Preview

You can use the Styles for the Icon Element and see its Preview.

Scroll Top

While working on smaller laptop screens, Properties may be scrolled off the screen. Use the Scroll Arrow to scroll the Panel up.

Change Values With Keyboard Arrows

You can change the property values in the Property Panel with the Top and Bottom Arrow keys.