Group chat UI

The default TalkJS UI preset for group messaging.

Chatbox: flat mode

Vitsœ logo
State of design
Alex, Carl, Dieter and 3 others
Pinned message
This a pinned message in the group.
This is a system message to declare something or other. It can be used to alert participants or offer chat guidance.
CB
Carl
This is my message.
thumbs up
JK
15:46
JK
Joel
This is Joel’s message, with some text formatting. Joel also wants to test multi-line messages to see how the text wraps, while also testing line-height and bubble width.
15:48
AR
Alex
This is another short message from Alex shared with the group.
pink heart
CB
15:49
DR
Dieter
This is a pinned message in the group.
15:50
JK
Joel is typing

Chatbox: bubble mode

Vitsœ logo
State of design
Alex, Carl, Dieter and 3 others
Pinned message
This a pinned message in the group.
This is a system message to declare something or other. It can be used to alert participants or offer chat guidance.
Carl BarenbrugCB
This is my message.
thumbs up
JKJK
15:46
JKJK
Joel
This is Joel’s message, with some text formatting. Joel also wants to test multi-line messages to see how the text wraps, while also testing line-height and bubble width.
15:48
ARAR
Alex
This is another short message from Alex shared with the group.
pink heart
Carl BarenbrugCB
15:49
Dieter RamsDR
Dieter
This is a pinned message in the group.
15:50
JKJK