Components are groups of elements that you can create and reuse across multiple pages, this makes it easy to maintain consistency and save time when building your website with easy-to-access reusable content blocks.
Components are especially useful for common elements like navigation bars, headers, and footers, by creating a master component for these elements, you can easily update them across your entire website.
How to create a component
Creating a component is easy. Right-click on a layer or its group (parent element), then right-click on it and select the "Create Component" option from the dropdown menu. You can then give your component a name and save it for future use.
Once you have created a component, you can find it on the Elements panel by going to the left-hand side, clicking on the “+” icon next to Layers and going to the Components tab.
From here you are able to add your component to any page.
You can also search for a specific component through the Seach bar.
With the component selected go to the right-hand side under Design, here right at the top you will see your component name and a few options.
When you click on "Edit master”, you will be able to edit the component itself. This means that you will only have access to the layers that make up the component, making it easier for you to focus on the specific design and functionality of the component.
Once you are done editing you can click on the bottom button "Done editing" to exit the component editing window and save your changes.
Tip: Any changes you make to a component will be reflected on all pages where the component is used.
The Detach option allows you to ungroup a component, separating all of its elements once again.
If you want to make changes to only one instance of a component, you can override the component by double clicking on a component element, this is mostly used for text changes and won’t work for design changes.
You can always reset the overridden component by clicking on “Reset”.