Sistema de componentes

🧩 O que são componentes

Os componentes são pequenas peças de lego que compõem nossas páginas e juntos dão acesso a diferentes ações. Nossas opções básicas incluem botões, cards, menus, títulos, entre outros.

Eles representam um papel importante na interação entre o usuário e a solução criada dentro de nossa plataforma, pois é por meio deles que serão realizadas as tarefas desejadas para o sucesso do seu produto.

É importante mencionar que todos nossos componentes são altamente customizáveis, podendo ter seus estilos configurados a partir da área de temas - apresentada no primeiro tópico básico -

Para adicionar um componente, clique no ícone + (A) ao lado do respectivo container:

Adicionando um componente

E dentro da janela aberta (B) escolha a opção desejada:

Opções de componentes

Vale ressaltar que para ordenar os componentes da maneira desejada, o respectivo container deve estar configurado com as propriedades de alinhamento e distribuição.

👓 Tipos de componentes

Os componentes padrões são aqueles mais simples e exigem pouca configuração, como por exemplo um botão o qual a única configuração é uma ação.

Exemplo de componente padrão:

Exemplo de componente padrão

Já os data components requerem o entendimento sobre como configurar e relacionar os dados dentro de nossa plataforma - assunto que abordaremos no próximo tópico.

Exemplo de data component:

Em sua configuração, podemos notar que existe a opção sobre qual coleção de dados será a base desse respectivo componente. Em nosso próximo tópico abordaremos mais sobre esse assunto.