> ## Documentation Index
> Fetch the complete documentation index at: https://www.cometchat.com/docs/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                                                                                                                             |