GroupsStyle

Styling properties of CometChatGroups component.

Properties	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
boxShadow	Adds shadow effects around the component.
titleTextFont	Sets all the different properties of font for the heading text. Reference link
titleTextColor	Sets the foreground color of heading text.
subTitleTextFont	Sets all the different properties of font for the secondary text. Reference link
subTitleTextColor	Sets the foreground color of secondary text.
emptyStateTextFont	Sets all the different properties of font for the placeholder text. Reference link
emptyStateTextColor	Sets the foreground color of placeholder text displayed in the component.
errorStateTextFont	Sets all the different properties of font for the error message. Reference link
errorStateTextColor	Sets the foreground color of error message displayed in the component.
searchPlaceholderTextFont	Sets all the different properties of font for the placeholder text of the search input. Reference link
searchPlaceholderTextColor	Sets the foreground color of the placeholder text displayed in the search input.
searchTextFont	Sets all the different properties of font for the search input text. Reference link
searchTextColor	Sets the foreground color of the text displayed in the search input.
searchBorder	Sets the border of the search input.
searchBackground	Sets the background of the search input.
searchBorderRadius	Sets the border radius of the search input.
searchIconTint	Sets the tint or color applied to the search icon.
loadingIconTint	Sets the tint or color applied to the loading indicator icon of the component
privateGroupIconBackground	Sets all background style properties at once, such as color, image, origin and size, or repeat method for private groups. Reference link
passwordGroupIconBackground	Sets all background style properties at once, such as color, image, origin and size, or repeat method for password protected groups. Reference link
onlineStatusColor	Sets the color of the status indicator representing the user's online status
separatorColor	Sets the color of the separator between individual items

Styling properties and values of the groups component