Screenshot 2022-11-02 at 14.17.06.jpg

The Content tab (Hotkey Q) lets you quickly see the elements in your page or component. You can select and element by clicking it.

There are three types of elements you can add to your tree.

Standard HTML elements are shown with a blue icon. Text elements are shown in grey and components are purple.

Adding new elements

You can add new elements by clicking the (+) button at the top (Hotkey E).

Screenshot 2022-11-02 at 16.25.48.jpg

New elements will be added as children of the current selected element.

Moving and copying elements

You can cut / copy and paste any element, using CMD + X, CMD + C, CMD + V. This works between components as well.

You can rearrange the elements in the tree by dragging them.

ezgif.com-gif-maker.webp

You can also copy elements by holding down alt when you drop them in the tree.