ChatBubble
O ChatBubble é um componente essencial para a criação de interfaces de bate-papo, exibindo as mensagens trocadas entre usuários. Este componente serve como um bloco de construção visual, estilizado para exibir mensagens enviadas e recebidas em uma interface conversacional, mantendo o contexto e a fluidez de uma conversa.
Estilizado para imitar a aparência de balões de fala, com bordas arredondadas, possui variações de estilo para mensagens enviadas e recebidas.
O componente tambem possui variações distintas para indicar se a mensagem foi enviada ou recebida, permitindo que os usuários identifiquem facilmente quem disse o quê em uma conversa.
Boas práticas
Mensagem recebida: Por padrão, o componente exibe as mensagens como mensagens recebidas, as quais são alinhadas à esquerda.
Mensagem enviada: Essas mensagens devem ser alinhadas à direita para que o conteúdo recebido seja facilmente distinguível. Caso a mensagem não possa ser enviada, utilize a versão com estado de erro e disponibilize um CTA (call to action) para que a pessoa possa tentar enviar a mensagem novamente.
Feedback
Para reportar algum problema, solicitar novos ícones, solicitar novos casos de uso de componentes, tirar dúvidas, enviar sugestões ou reportar bugs, entre em contato pelo nosso canal no Slack #tangram-design-system.