---
title: Categorias de Elementos
slug: studio/categorias-de-elementos
docTags: 
createdAt: 2026-04-28T18:37:58.436Z
---

::Image[]{src="https://api.archbee.com/api/optimize/pu5VMc-2TW3GQX4ly5Xp7/U3voxVHm1oD_pk58Lmclr-20260601-183017.gif" size="80" width="1000" height="200" position="center" darkWidth="1000" darkHeight="200" showCaption="false"}

##

::Image[]{src="https://api.archbee.com/api/optimize/pu5VMc-2TW3GQX4ly5Xp7/qPoSufRNeZz4L0EbjhKSF-20260602-182841.gif" size="64" width="552" height="318" position="flex-start" showCaption="false"}

Os elementos são organizados em três categorias principais:

***

### <font color="#DA8D35">1 - Elementos de Layout</font>

Contêineres visuais e componentes de exibição usados para estruturar telas e apresentar informações.

- Botão - Botão interativo com múltiplas variantes&#x20;
- Flex - Contêiner flexível para layouts responsivos&#x20;
- Ícone - Exibição de ícones da biblioteca Iconify&#x20;
- Imagem - Exibição de imagem com gestão de ativos&#x20;
- Rótulo - Componente de exibição de texto&#x20;
- Lista - Componente de lista repetível para coleções&#x20;
- Dica de ferramenta - Ajuda contextual&#x20;
- Diálogo - Sistema de diálogo modal&#x20;
- Popover - Sistema de sobreposição Popover&#x20;
- Gaveta - Painel deslizante para fora&#x20;
- Tabs - Sistema de conteúdo com abas&#x20;
- Grupo de Acordeão - Recipiente de acordeão dobrável&#x20;
- Item do acordeão - Painel individual do acordeão&#x20;
- Componente de renderização condicional - Condicional&#x20;
- Paginação - Componente de navegação de página&#x20;
- Screen - Elemento de contêiner de tela&#x20;
- Assinatura - Componente de captura de assinatura&#x20;
- WebView - Visualizador de conteúdo web embutido&#x20;
- Instância de Composição - Instância de composição reutilizável&#x20;
- Carrossel - Carrossel de imagens/conteúdo (Em desenvolvimento)&#x20;
- Câmera - Componente de captura de câmera (Em desenvolvimento)&#x20;
- Mapas - Componente de exibição de mapas (em desenvolvimento)&#x20;

***

### <font color="#DA8D35">2 - Elementos de Forma</font>

Componentes de entrada para coleta e validação de dados do usuário.

- Entrada - Campo de entrada de texto&#x20;
- Select - Componente de seleção suspensa&#x20;
- Área de Texto - Entrada de texto multilinha&#x20;
- Formulário - Contêiner de formulário com validação&#x20;
- Campo de Caixa de Seleção - Entrada de caixa de seleção com etiqueta&#x20;
- Grupo de Rádio - Grupo de botões de rádio&#x20;
- Entrada de Arquivo - Componente de upload de arquivo&#x20;
- Selector de Cor - Componente de seleção de cores&#x20;

***

### <font color="#DA8D35">3 - Elementos de Solicitação</font>

Componentes para obtenção de dados e integrações externas.

- Get - componente de requisição HTTP GET (Em desenvolvimento)&#x20;
- Busca de Listas - Busca de dados de lista (Em desenvolvimento)

![](https://api.archbee.com/api/optimize/pu5VMc-2TW3GQX4ly5Xp7/-4_SDcjt_aznvASbRyZ46-20260601-191750.gif)

