> ## 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.

# ContactsStyle

> ContactsStyle — CometChat documentation.

Styling properties of the `CometChatContacts` 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.                                                                                                                                                                   |
| padding                 | Sets the padding on all sides of 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.                                                                                                                                                                  |
| tabWidth                | Sets the width of the tab item                                                                                                                                                                              |
| tabHeight               | Sets the height of the tab item                                                                                                                                                                             |
| tabBorder               | Sets the border of the tab item                                                                                                                                                                             |
| tabBorderRadius         | Sets the border radius of the tab item                                                                                                                                                                      |
| tabBackground           | Sets all background style properties of tab item at once, such as color, image, origin and size, or repeat method. [Reference link](https://developer.mozilla.org/en-US/docs/Web/CSS/background)            |
| tabTitleTextFont        | Sets all the different properties of font for the heading text of tab item . [Reference link](https://developer.mozilla.org/en-US/docs/Web/CSS/font)                                                        |
| tabTitleTextColor       | Sets the foreground color of the heading text of tab item.                                                                                                                                                  |
| activeTabBackground     | Sets all background style properties of the active tab item at once, such as color, image, origin and size, or repeat method. [Reference link](https://developer.mozilla.org/en-US/docs/Web/CSS/background) |
| activeTabTitleTextFont  | Sets all the different properties of font for the heading text of the active tab item . [Reference link](https://developer.mozilla.org/en-US/docs/Web/CSS/font)                                             |
| activeTabTitleTextColor | Sets the foreground color of the heading text for the active tab item.                                                                                                                                      |
| 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.                                                                                                                                      |
| selectionIconTint       | Sets the tint or color applied to the select option of the component                                                                                                                                        |
| closeIconTint           | Sets the tint or color applied to the close icon of the component                                                                                                                                           |
| submitButtonBackground  | Sets the background of the submit button                                                                                                                                                                    |
| submitButtonTextFont    | Sets all the different properties of font for the text on the submit button. [Reference link](https://developer.mozilla.org/en-US/docs/Web/CSS/font)                                                        |
| submitButtonTextColor   | Sets the foreground color of the text on the submit button                                                                                                                                                  |