Conversation
The is-active CSS classes are present on all chat_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.
TWIG component : Universes/_chat/_common/_twig/_components/_conversation.twig Universes/_chat/_common/_css/_components/_conversation/_avatar.scss
Pending
Contextual class on the chat_speaker component : is-pending
Lorem ipsum ?
code
HTML
History
Contextual class on the chat_speaker component : is-history
Proposals
chat_proposals component inside the chat_speaker component
Single
Adipisicing id duis Lorem eiusmod.
Group
Consectetur velit magna Lorem deserunt.
Esse occaecat 👍
Reprehenderit veniam laboris id aute aute nisi.
code
HTML
Error
Contextual class on the chat_speaker component : is-error
Eu cupidatat laborum anim anim ullamco eu sit.
Contact customer service
code
HTML
AI speaker
link
Default
Contextual class on the chat_speaker component : is-ai
Single
Lorem ipsum dolor sit amet, consectetur adipiscing elit.
Group
Irure ad Lorem
Non irure irure veniam qui excepteur proident ex dolor non minim esse aliqua.
Ullamco incididunt elit nostrud non commodo ex aliqua officia aute qui.
code
HTML
Writing
Contextual classes on the chat_speaker component : is-ai / is-writing
Ordered list
Velit id non ad aute aliquip ipsum :
Consectetur nostrud fugiat quis velit duis ullamco proident.
Magna magna officia aliqua quis consequat aliqua ipsum id laborum adipisicing sint.
Veniam sunt adipisicing esse nostrud dolore fugiat deserunt velit dolor anim pariatur culpa sint.
Fugiat est sint proident laboris sunt ipsum aliquip magna aliquip voluptate.
code
HTML
Unordered list
Fugiat est sint proident laboris sunt ipsum aliquip magna aliquip voluptate.
Fugiat ut cupidatat :
Aliqua mollit in reprehenderit nisi consequat ea dolor.
Nulla cillum est nulla elit sit anim ullamco est consequat occaecat aute commodo fugiat eiusmod.
Sunt nulla proident officia et commodo eu do esse aute.
Irure ut nostrud nulla qui officia dolore commodo.
code
HTML
Highlighted text
Link
In eiusmod amet laborum nulla exercitation. Do Lorem officia consequat occaecat commodo sunt duis mollit eu sint.
Bold text
Irure eiusmod do commodo esse et qui excepteur laboris ullamco laborum est nisi eu.
Phone number
Irure eiusmod do commodo esse et qui 06 06 06 06 06 excepteur laboris ullamco laborum est nisi eu.
code
HTML
Human agent speaker
link
Default
Contextual class on the chat_speaker component : is-humanAgent
Single
Lorem ipsum dolor sit amet, consectetur adipiscing elit.
Group
Irure ad Lorem
Non irure irure veniam qui excepteur proident ex dolor non minim esse aliqua.
Ullamco incididunt elit nostrud non commodo ex aliqua officia aute qui.
code
HTML
Writing
Contextual classes on the chat_speaker component : is-humanAgent / is-writing
User speaker
link
Default
Single
Sint dolore qui amet amet exercitation culpa reprehenderit do cillum commodo pariatur Lorem.
Group
Consectetur nostrud
Magna magna officia aliqua quis consequat aliqua ipsum id laborum adipisicing sint.
Veniam sunt adipisicing esse nostrud dolore fugiat deserunt velit dolor anim pariatur culpa sint.
code
HTML