UsersStyle
Styling properties of CometChatUsers 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 |
| 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. |
| 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. |
| sectionHeaderTextFont | Sets all the different properties of font for the heading text for individual sections. Reference link |
| sectionHeaderTextColor | Sets the foreground color of the heading text for individual sections. |
| 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. |
| loadingIconTint | Sets the tint or color applied to the loading indicator icon of the component |
| searchIconTint | Sets the tint or color applied to the search icon. |
| onlineStatusColor | Sets the color of the status indicator representing the user's online status |
| separatorColor | Sets the color of the separator between individual items |