> ## Documentation Index
> Fetch the complete documentation index at: https://cometchat-22654f5b-docs-llms-scoped-indexes.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 |


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