ChatBubble
O ChatBubble é um componente essencial para a criação de interfaces de bate-papo, facilitando a troca de mensagens textuais 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.