MessageComposerStyle
Styling properties of the CometChatMessageComposer component
| Name | Description |
|---|---|
| width | Sets the width of the component |
| height | Sets the height of the component |
| border | Sets the border of the component |
| borderRadius | Sets the border radius of the component |
| background | Sets all background style properties at once, such as color, image, origin and size, or repeat method. Reference link |
| inputBackground | Sets the Sets all background style properties at once, such as color, image, origin and size, or repeat method of the text input in the component. Reference link |
| inputBorder | Sets the border of the text input in the component |
| inputBorderRadius | Sets the border radius of the text input in the component |
| maxInputHeight | Sets the maximum height allowed for the text input preventing it from expanding indefinitely. Once the content within the text input reaches the maximum height, the text input will become scrollable. |
| textFont | Sets all the different properties of font for the input text. |
| textColor | Sets the foreground color of the input text displayed in the component. |
| placeHolderTextFont | Sets all the different properties of font for the placeholder text. |
| placeHolderTextColor | Sets the foreground color of placeholder text displayed in the component. |
| attachIconTint | Sets the tint or color applied to the attach icon of the component |
| ActionSheetTitleFont | Sets all the different properties of font for the title text displayed in the action sheet. |
| ActionSheetTitleColor | Sets the foreground color of title text displayed in the action sheet. |
| ActionSheetSeparatorTint | Sets the tint or color applied to the separator in the action sheet that toggles when user clicks on the attach icon of the component |
| ActionSheetLayoutModeIconTint | Sets the tint or color applied to the icon that toggles the layout mode in the action sheet of the component |
| emojiIconTint | Sets the tint or color applied to the icon that toggles the emoji keyboard in the component |
| emojiKeyboardTextFont | Sets all the different properties of font for all the emojis displayed in the emoji keyboard. |
| emojiKeyboardTextColor | Sets the foreground color of all emojis displayed in the emoji keyboard. |
| voiceRecordingIconTint | Sets the tint or color applied to the icon that toggles the voice recording feature |
| sendButtonIconTint | Sets the tint or color applied to the send button icon of the component |
| previewTitleFont | Sets all the different properties of font for the title displayed in the preview section. |
| previewTitleColor | Sets the foreground color of title text displayed in the preview section. |
| previewSubtitleFont | Sets all the different properties of font for the subtitle displayed in the preview section. |
| previewSubtitleColor | Sets the foreground color of subtitle text displayed in the preview section. |
| closePreviewTint | Sets the tint or color applied to the close icon in the preview section of the component |
| dividerTint | Sets the tint or color applied to the separator displayed below the message input. |
| liveReactionIconTint | Sets the tint or color applied to the live reaction icon displayed below the message input. |