As traduções são geradas por tradução automática. Em caso de conflito entre o conteúdo da tradução e da versão original em inglês, a versão em inglês prevalecerá.

# Biblioteca de componentes de interface do usuário para o construtor de interface do usuário no Amazon Connect
<a name="user-interface-component-library-sg"></a>

Todos os componentes do construtor de interface de usuário estão descritos na [documentação do componente de interface de usuário do Amazon Connect](https://d3irlmavjxd3d8.cloudfront.net/?path=/docs/overview--page). Esta documentação mostra os componentes individuais da interface do usuário que você pode usar no construtor de interface do usuário e como configurá-los.

Você acessa os componentes da biblioteca no construtor de interface do usuário no painel **Criar**, na guia **Biblioteca**. A imagem a seguir mostra um exemplo da guia **Biblioteca** e dos componentes de **Contêiner**. 

![O painel Criar do construtor de interface do usuário, a guia Biblioteca, os componentes da interface do usuário.](http://docs.aws.amazon.com/pt_br/connect/latest/adminguide/images/user-interface-component-library-example.png)


## Usar contêineres para mover e organizar componentes
<a name="user-interface-component-library-containers"></a>

Os contêineres são um alicerce essencial para criar exibições. Você pode mover componentes de interface do usuário (inclusive outros contêineres) para um contêiner a fim de agrupá-los de maneira lógica e visual na página. 

Para manter o conteúdo da página relativamente consistente à medida que você personaliza as configurações de exibição de nível superior, é recomendável usar contêineres em todas as visualizações. Os contêineres também vêm com layout de colunas. O layout de colunas permite que você organize o conteúdo dentro de um contêiner.

## Criar um formulário
<a name="user-interface-component-library-form-section"></a>

Para criar um formulário para atendentes ou clientes preencherem e enviarem, use o componente [Formulário](https://d3irlmavjxd3d8.cloudfront.net/?path=/story/aws-managed-views-form--with-all). Você também pode: 
+ Arraste e solte um componente **Formulário** na tela a partir da biblioteca de interface do usuário.
+ Ou, na guia **Modelos**, selecione o modelo **Exemplo de formulário**. Ele usa um componente de formulário.

Um componente [Formulário](https://d3irlmavjxd3d8.cloudfront.net/?path=/story/aws-managed-views-form--with-all) é um tipo especial de contêiner no qual você pode inserir campos de entrada e um botão **Enviar**. Quando um usuário que está interagindo com o guia pressiona o botão **Enviar**, o Amazon Connect envia todos os valores inseridos nos campos do formulário para o fluxo. Nesse ponto do fluxo, você pode personalizar sua própria lógica de negócios e send/retrieve dados para sistemas de terceiros usando o [Função AWS Lambda ](invoke-lambda-function-block.md) bloco. 

A imagem a seguir mostra um exemplo de componente **Formulário** com marcadores de espaço reservado e um botão Enviar.

![Um componente Formulário com marcadores de espaço reservado e um botão Enviar.](http://docs.aws.amazon.com/pt_br/connect/latest/adminguide/images/user-interface-component-library-form-section-example.png)