BubbleGroup
A BubbleGroup renders a group of ChatBubble’s and can show the senders name atop the group.
Props
- messages [Message]: A list of messages you’s like to render inside one group. All messages must have the same id.
- id number: The id (identifier for the type of bubble i.e., gray or blue. 0 is reserved for the blue bubble).
- showSenderName boolean: Should the sender’s name appear atop the group?
- senderName string: The sender’s name. If this is undefined and
showSenderName is true, it will sample the first message in the messages.
- chatBubble ChatBubble (optional): the type of bubble you’d like to render. (Default is ChatBubble).
Usage
<BubbleGroup
messages={messageGroup}
id={message.id}
showSenderName={showSenderName}
chatBubble={MyChatBubble}
/>