---
title: Componente
slug: low-code/componente
description: Learn about the properties of components in Low Code and how they are pre-loaded and recognized. Find out how to locate a text input component and explore its various properties through a comprehensive table. Discover the flexibility to save edits as eith
docTags:
createdAt: 2023-08-24T13:04:33.143Z
---
As propriedades de componente estão intrisicamente ligadas ao "**Componente**". Vêm previamente carregadas e são as propriedades que o **Low Code** já conhece. Esses componentes aparecerão ao manipular os formulários.
- É possível buscar por um componente (**de entrada de tipo texto**) clicando na barra de busca que aparece no lado superior direito:
| **Campo** | **Descrição** |
| ------------------------------------------- | --------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- |
| Nome (**\***) | Identificador único do componente |
| Descrição | Identifique o componente com uma pequena descrição |
| Tipo (**\***) | Classifica o modo de exibição dos componentes na tela de formulários; |
| Versão | Versão mais atualizada do componente |
| Ícone (**\***) | São as imagens que serão incluídas, previamente cadastradas |
| Propriedades | Todas as **Propriedades** inseridas aparecerão no formulário. Determine também quais serão utilizadas. |
| Propriedades Selecionadas | 1. **ngBlur**: É uma diretiva padrão do AngularJS que é usada para reagir ao evento "blur" (perda de foco) de um elemento HTML, como uma caixa de texto. Você pode associar uma expressão ou função a essa diretiva para executar ações quando o usuário sai do campo de texto.
2. **ngDisabled**: É uma diretiva padrão do AngularJS que permite desabilitar ou habilitar um elemento HTML, como botões, caixas de seleção ou campos de texto, com base em uma expressão. Se o valor da expressão for verdadeiro, o elemento será desabilitado.
3. **ngMaxlength**: É uma diretiva padrão do AngularJS que é usada para limitar o número máximo de caracteres que podem ser digitados em um campo de texto. Você pode associar um valor numérico a essa diretiva para definir o limite.
4. **ngRequired**: É uma diretiva padrão do AngularJS que é usada para garantir que um campo de entrada (input) ou seleção (select) seja obrigatório. Se essa diretiva estiver presente no elemento, o formulário não será válido até que o usuário forneça um valor para esse campo. |
As informações com asterisco (**\***) são obrigatórias.
- Após finalizar a edição, clique em "**Salvar**". É possível tanto salvar "**como nova versão**" como "**na versão original (1.0)**".
***
De certo modo, os componentes aparecerão ao criar um [Formulário](docId\:R3-DIcluExsHtCeh7NZyD), além de suas propriedades que aparecerão no lado direito:
::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"}
⚠️ **Atenção****!**
A **parte técnica** é destinada aos **Desenvolvedores **para construírem seus componentes.
Se um desenvolvedor quiser construir um componente que não faz parte da lista dos componentes previamente carregados e definidos pelo Low Code, ele precisará então definir um template HTML.
Esse template HTML será exibido no formulário. Enquanto o HTML é o que vai ser renderizado quando exibir o formulário. Além disso, lembre-se que a renderização é cuidada pelo Back-End do Low Code.
:::