TWIG component : Betclic/_chatbot/_common/_twig/_components/_conversation.twig
CSS components : Betclic/_chatbot/_common/_css/_components/_conversation/_avatar.scss
Betclic/_chatbot/_common/_css/_components/_conversation/_conversation.scss
Betclic/_chatbot/_common/_css/_components/_conversation/_messages.scss
Betclic/_chatbot/_common/_css/_components/_conversation/_preloader.scss
Betclic/_chatbot/_common/_css/_components/_conversation/_proposals.scss
Betclic/_chatbot/_common/_css/_components/_conversation/_proposals.scss
Betclic/_chatbot/_desktop/_css/_conversation/_components/_speaker.scss
The is-active CSS classes are present on all chatbot_message components to play an animation on the message when it appears. This CSS class must be added to the component after being injected to properly play the animation.
The content can contain both plain text and HTML.
Contextual class on the chatbot_speaker component : is-bot
No contextual classes
Contextual class on the chatbot_speaker component : is-bot
Contextual class on the chatbot_message component : is-error
Contextual class on the chatbot_speaker component : is-bot
Contextual class on the chatbot_message component : is-writing
Contextual class on the chatbot_speaker component : is-pending
chatbot_proposals component inside the chatbot_speaker component