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

# DetailsStyle

> DetailsStyle — CometChat documentation.

Styling properties of the `CometChatDetails` component

| Name                | Type   | Description                                                                                                                                                                          |
| ------------------- | ------ | ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------ |
| width               | string | Sets the width of the component                                                                                                                                                      |
| height              | string | Sets the height of the component                                                                                                                                                     |
| background          | string | 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) |
| border              | string | Sets the border of the component                                                                                                                                                     |
| borderRadius        | string | Sets the border radius of the component                                                                                                                                              |
| titleTextFont       | string | Sets all the different properties of font for the title text                                                                                                                         |
| titleTextColor      | string | Sets the foreground color of title text                                                                                                                                              |
| subtitleTextColor   | string | Sets all the different properties of font for the subtitle text                                                                                                                      |
| subtitleTextColor   | string | Sets the foreground color of subtitle text                                                                                                                                           |
| padding             | string | Sets the padding area on all four sides of the component.                                                                                                                            |
| closeButtonIconTint | string | Sets the color of the close icon of the component                                                                                                                                    |
| onlineStatusColor   | string | Sets the color of the status indicator representing the user's online status                                                                                                         |