Component Libraries

Library is a collection of components from your, your team’s, or marketplace projects. A component in the library contains an element or a group of elements styled by the designer. Multiple components may have the same design or structure. For example, a website header, footer, or a section describing services or advantages.

You can use a ready-made library, or create your own.

Libraries are used to simplify and speed up unique website creation. All you need, is to select the necessary components, place them on the canvas, change images, colors, fill them with necessary content (photos, texts), set up transitions between pages and links to third-party resources, for example, social networks.

When you create a project, its components can be combined into a library to speed up subsequent website design by reusing components. For example, with components you can easily create the main blocks of the site — a header, a footer, a block with services.

You can find Libraries, a well as  Components, on the Assets tab in the left panel of the Design Editor.

To connect libraries, go to the Dashboard of the corresponding section. To do this, while on the Resources tab, click on the book icon in the upper right corner of the panel.

Taptop native Libraries will be connected automatically, while those custom ones,  created by the team, must be connected manually. On the Dashboard of the Assets tab you will see a list of libraries available for display.

To connect the library, move the slider to the «Enable» position.

To use a library component in a project, drag it on the Canvas.

On the Assets tab, in the Libraries section, click the one you need to open the list of its components;

Select a component, move it on the Canvas.  This can be done in two ways:

If the library is no longer needed, hide it on the Assets tab. This can be convenient if you have taken all the necessary components from the library and no longer plan to use it in the project.

To hide the library, move the slider to the «Disable» position.

Any user can add a new library. When working on the website, create the components from the necessary elements, and then combine them into a library. To do this, click «Create Library» in the Project Library section. The name of the library will match the name of the project.

First make changes to the components of the project for which you want to update the library.

After that, you can see what changes have been made to the components by clicking «Show changes».

Select the blocks you want to update in the library and click «Publish».

After saving the changes, the status «All changes have been saved» will be displayed. There will appear a green checkmark next to the library name.

For convenience, you can group the components in the library by category. Grouping is needed if you are adding multiple components with the same function. For example, headers or footers, About block, Advantages block.

To set a category, add its name to the name of the component. It should consist of two parts, separated by «/». The first part is the name of the category, the second one is the name of the component.

To make the library, created in one of the projects, available in other projects, publish it in the settings of the current project. To do this, go to the Dashboard and in the Templates menu of the project settings move the slider to «Enable».