Library
The Library tab shows every library component created in the environment you are working on. Library components are reusable components that you can include in a screen by duplicating them or by referencing the original element. You can add an individual component to the library, or a container component that includes several components.
![COMPONENT_LIBRARY.png](image/uuid-61e75bc7-f057-f13d-c950-f12e1da5aa44.png)
By default, library components are displayed in grid view. To see the library components in list view, hover over the arrow to the right of Grid view () and click List view (
). You can also change the sorting criteria to determine the order of the library components displayed in this tab. By default, the sorting criteria selected is Sort by component (
). To change it, click arrow to the right of the opposite sides arrows icon and select Sort alphabetically (
) or Sort by Feature template (
).
To find a library component, use the scroll bar to go through the list of components or use the search bar to find a component by typing its name.
To use a library component, drag and drop it from the panel into the canvas. The Add component modal opens with two options:
Link: Invokes the original component into your screen. You are not able to modify a linked library component, and any update made to the original component will then be reflected in every screen where it was invoked.
Duplicate: Creates an exact copy of the original component. You can edit the attributes of the duplicated library component.
Create a Library Component
Tip
Library components are created from existing components. Before creating a library component, check that the original component's attributes are correctly configured.
To create a new library component, select the component you wish to reuse from the canvas or the treeview. Then, click Create Library on the toolbar, as shown in the image below.
![TOOLBAR_LIBRARY.png](image/uuid-5ddda961-ad7e-e6ff-fcbb-873b5f5da0ab.png)
A pop-up window appears, where you need to add a name to the new library component and a thumbnail. The thumbnail image must be in .jpg or .png format and smaller than 95 (height) by 48 (width) pixels. Click Save.
![CREATE_NEW_LIBRARY_COMPONENT.png](image/uuid-16a06bb3-b94f-3206-cc77-604c44a07bd6.png)
The new library component appears in the library tab and you can now start using it in the screen or any other screens.