---
title: Component
slug: lowcode-en/component
description: Learn about component properties in a Low Code platform with this informative document. Discover how these preloaded properties are connected to form manipulation. Explore the various fields in component properties, including Name, Description, Type, Vers
docTags:
createdAt: 2023-01-04T12:00:17.000Z
---
Component properties are intrinsically linked to the "**Component**". They come preloaded and are the properties that Low Code already knows. These components will appear when manipulating the forms.
- It is possible to search for a component (**of text type**) by clicking on the search bar that appears on the upper right side:
| **Field** | **Description** |
| ------------------------------------------ | ---------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- |
| Name (**\***) | Unique identifier of the component |
| Description | Identify the component with a brief description |
| Type (**\***) | Classifies how the components are displayed on the form screen; |
| Version | Most updated version of the component |
| Icon (**\***) | Images to be included, previously registered |
| Properties | All **Properties** inserted will appear on the form. Also, determine which ones will be used. |
| Selected Properties | 1. **ngBlur**: It's a default AngularJS directive used to react to the "blur" event (loss of focus) of an HTML element, such as a text box. You can associate an expression or function with this directive to perform actions when the user leaves the text field.
2. **ngDisabled**: It's a default AngularJS directive that allows disabling or enabling an HTML element, such as buttons, checkboxes, or text fields, based on an expression. If the expression value is true, the element will be disabled.
3. **ngMaxlength**: It's a default AngularJS directive used to limit the maximum number of characters that can be entered in a text field. You can associate a numerical value with this directive to set the limit.
4. **ngRequired**: It's a default AngularJS directive used to ensure that an input field or select element is required. If this directive is present on the element, the form will not be valid until the user provides a value for this field. |
Fields marked with an asterisk (**\***) are mandatory.
- After finishing the edition, click "**Save**". You can save either "**as a new version**" or "**in the original version (1.0)**".
***
In a way, the components will appear when creating a @form and, in addition to that, their properties will appear on the right side:
::Image[]{src="https://api.archbee.com/api/optimize/pu5VMc-2TW3GQX4ly5Xp7/d50m7JL7XUR5UQwsipxS6_image.png" size="54" width="368" height="36" position="center" showCaption="false"}
:::hint{type="warning"}
⚠️ **Attention!**
The **technical part** is intended for **Developers** to build their components. If a developer wants to build a component that is not part of the list of components preloaded and defined by Low Code, they will need to define an HTML template.
This HTML template will be displayed in the form. While the HTML is what will be rendered when displaying the form. Also, remember that the rendering is handled by the Low Code Back-End.
:::