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.
By combining the components into a library, you can reuse already created blocks in other projects. Click here to learn more.
You can use a ready-made library, or create your own.
What are libraries for?
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.
The created library can also be used by your team members.
Built-in libraries from the Taptop team
Taptop native Libraries will be connected automatically. They are displayed in every project under the Components tab in the Libraries section.
Libraries created by the Taptop team are regularly updated and improved — for example, new components may be added. The automatically updated version becomes available for any newly created team and its projects.
If your project’s team was created earlier, you can update the Library manually. Check if the Library needs updating.
If there are updates available, you’ll see a blue dot on the book icon in the upper-right corner of the Components tab.
Open the Library management panel and download the updates by clicking the Download Updates button.
Done! The updated version of the library is now available for use. You only need to update the library in one project for the new version to become available across all team projects.
Team Libraries
Creating a custom library
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.
- Go to the Libraries section by clicking the book icon in the top right corner of the Components tab.
- Click the "Create Library" button.
A library will be created with the same name as your project.
Update the library each time you add new, remove or modify already created components.
Changing the created library
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».
Until the changes are saved, a yellow warning sign is displayed next to the library name.
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.
If the Library has already been published for the team in the project settings, the changes will become available after it is updated in the project.
You don't need to reconnect the library.
Library components categories
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.
Rename the components on the Layers tab.
Publishing the library
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».
The Owner or Administrator can publish the library for the team. Follow the link to learn more about access to the team.
Connecting team libraries
It is not necessary to use all components of one library or just one library. You can connect several libraries to a project and selectively use components from different libraries.
Libraries created by the team need to be enabled manually.
- Open the project where you want to connect the library, and go to the Libraries section by clicking the book icon in the top right corner of the Components tab.
You will see a list of libraries available for connection.
Before connecting the library to the project, you can browse what components it consists of. To do this, click «Show» in the line of the selected library.
- To connect the library, move the slider to the «Enable» position.
Here you go! The library will now appear on the Assets tab in the Libraries section available for use.
Adding Library Components on the Canvas
To use a library component in a project, drag it on the Canvas.
The library must first be connected to the project.
- On the Components 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:
- By dragging the component to the desired position on the Canvas. To do this, drag and drop it to the desired location with the mouse.
-
By clicking the component. To do this, select the layer on which you want to place the component and click on the selected component. You can select a layer by clicking it on the Canvas or the Layers tab.
How to hide unused libraries?
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.
If necessary, the library can always be re-connected to the project.
To hide the library, move the slider to the «Disable» position.