An element is the building blocks that make up all of your pages. More often than not they map directly to a HTML element or tag. If you are familiar with HTML tags such as
<img src="" /> then you will notice some similarities.
Just like in HTML, elements can be combined and nested to create complex interfaces.
In Noloco, most elements can be styled to meet your needs, and all elements have certain properties that you need to set. For example, the Image element needs to know what image to render, you specify that in the properties settings.
Select an element on the canvas
+ Element button in the navbar
Select your element from the menu
The element tree (seen below) represents the hierarchical relationship of elements and their sub-elements. The tree below shows that the
Hero image and
Hero with two columns groups are both sub-elements of the
Almost all elements can be moved around within the element tree to easily define the order of your layout and to provide greater control over the design.
Clicking on any item in the element tree will select that element for editing, and highlight it on the Canvas. The selected element also exposes additional actions such as cloning the element or deleting the element.
Read more about the individual elements in the Element Reference