vue-chat-widget-drap

Descripcion

Chat widget to test

Steps

1- import

import "vue-chat-widget";

2- Config widget

<vue-chat-widget
  .socketUrl="'url'"
  .idAgent="'id'"
  .api_key="'key'"
  nameSpace="/"
  .welcomeMessage="'welcome'"
  .iconButton="'url-picture'"
  welcomeBackgroundColor="#333"
  welcomeTextColor="#fff"
  welcomeButtonColor="#007bff"
  welcomeButtonHoverColor="#0056b3"
  chatPanelBackground="#ffffff"
  chatHeaderBackground="#131844"
  chatHeaderTextColor="#ffffff"
  chatMessagesBackground="#f8f9fc"
  chatInputBackground="#ffffff"
  chatInputTextColor="#474747"
  chatInputBorderColor="#ccc"
  sendButtonBackground="#131844"
  sendButtonHoverBackground="#1a205a"
  userMessageBackground="#15be86"
  userMessageTextColor="#ffffff"
  botMessageBackground="#f5f5f5"
  botMessageTextColor="#3f3f3f"
  svgName="helloSpan || headPhoneSpan || handshakeSpan || personHiSpan || ''"
  gaTrackingId="id"
  soundName="sound1 | sound2 | sound3 | sound4 | sound5"
></vue-chat-widget>