BubbleGroup

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}
/>