Text Bubble
CometChatTextBubble
is the content view shown for TextMessage.
Properties
Properties | Type | Description |
---|---|---|
text | String | the text to display |
style | TextBubbleStyle | used to customize appearance of this widget |
TextBubbleStyle
TextBubbleStyle
is the class containing attributes to customize appearance of this widget.
Properties | Type | Description |
---|---|---|
textFont | FontStyle | used to set font style of the text of the message |
textColor | string | used to set text colour of the message |
height | number | used to set height |
width | number | used to set width |
backgroundColor | string | used to set background colour |
border | BoxBorder | used to set border |
borderRadius | double | used to set border radius |
Usage
- Typescript
<CometChatTextBubble
text=' Hi! how are you?',
style={{
backgroundColor: 'cyan'
}}
/>