> ## Documentation Index
> Fetch the complete documentation index at: https://cometchat-22654f5b-docs-agent-native-development.mintlify.site/llms.txt
> Use this file to discover all available pages before exploring further.

# UsersStyle

> UsersStyle — CometChat documentation.

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](https://developer.mozilla.org/en-US/docs/Web/CSS/background) |
| boxShadow | Adds shadow effects around the component. |
| titleTextFont | Sets all the different properties of font for the heading text. [Reference link](https://developer.mozilla.org/en-US/docs/Web/CSS/font) |
| titleTextColor | Sets the foreground color of heading text. |
| emptyStateTextFont | Sets all the different properties of font for the placeholder text. [Reference link](https://developer.mozilla.org/en-US/docs/Web/CSS/font) |
| 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](https://developer.mozilla.org/en-US/docs/Web/CSS/font) |
| 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](https://developer.mozilla.org/en-US/docs/Web/CSS/font) |
| 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](https://developer.mozilla.org/en-US/docs/Web/CSS/font) |
| 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](https://developer.mozilla.org/en-US/docs/Web/CSS/font) |
| 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 |


This documentation is built and hosted on [Mintlify](https://mintlify.com), a developer documentation platform.