---
title: Tela
slug: low-code/tela
docTags: 
createdAt: 2024-03-08T12:28:16.531Z
---

# Criando uma Tela

::Image[]{src="https://api.archbee.com/api/optimize/pu5VMc-2TW3GQX4ly5Xp7/WOnZAWKRRnS8UvsZRRUO3_.blob" size="40" width="192" height="464" position="center" showCaption="false"}

Para criar uma tela basta clicar no ícone de +.

## Configurando uma Tela

::Image[]{src="https://api.archbee.com/api/optimize/pu5VMc-2TW3GQX4ly5Xp7/rPehNaLNoAQj-PBLJf7E2_.blob" size="70" width="337" height="192" position="center" showCaption="false"}

### Mudar o nome da tela

::Image[]{src="https://api.archbee.com/api/optimize/pu5VMc-2TW3GQX4ly5Xp7/mdsYozjcNz5IAKdQzDDU-_.blob" size="30" width="198" height="154" position="center" showCaption="false"}

Para renomear a tela basta dar um clique duplo em cima do nome padrão "Screen" e digitar o nome desejado.

### Copiar Tela

::Image[]{src="https://api.archbee.com/api/optimize/pu5VMc-2TW3GQX4ly5Xp7/GQ8P9Ekgbdb8nJQjquvDy_.blob" size="22" width="122" height="40" position="center" showCaption="false"}

Utilizado para copiar uma tela inteira, com todos os componentes.

### Substituir

::Image[]{src="https://api.archbee.com/api/optimize/pu5VMc-2TW3GQX4ly5Xp7/Cqio-1RI5lieNm-GX5VZC_.blob" size="28" width="120" height="38" position="center" showCaption="false"}

Utilizado para quando você copiou uma tela e deseja substituir o conteúdo atual pelo copiado.

### Duplicar

::Image[]{src="https://api.archbee.com/api/optimize/pu5VMc-2TW3GQX4ly5Xp7/VBXJy51j3fidH8Rv5fizO_.blob" size="26" width="125" height="39" position="center" showCaption="false"}

Utilizado para duplicar a tela com todos os componentes.

### Remover

::Image[]{src="https://api.archbee.com/api/optimize/pu5VMc-2TW3GQX4ly5Xp7/GEYVWOcDCDU_jPCy1Tnwc_.blob" size="24" width="121" height="37" position="center" showCaption="false"}

Utilizado para apagar a tela.

## Adicionando Componentes

Para adicionar os componentes na tela, é necessário clicar, segurar e arrastar os componentes até a tela. 

### Ajustando Componentes

### Estruturando Elementos

::Image[]{src="https://api.archbee.com/api/optimize/pu5VMc-2TW3GQX4ly5Xp7/8gVHNsxcTw8OE53jsFA2Y_.blob" size="42" width="200" height="189" position="center" showCaption="false"}

Utilizado para estruturar e organizar os elementos.

- Para renomear o componente basta dar um clique duplo em cima do nome padrão e digitar o nome desejado.
- Para deletar um componente basta usar o delete do teclado.
- É possível copiar um elemento com sua estrutura usando o ctrl+C.

### Estilização

### Implementação