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

# JoinGroupStyle

> JoinGroupStyle — CometChat documentation.

Styling properties of `CometChatJoinGroup` 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.                                                                                                                                                                    |
| errorTextFont                     | Sets all the different properties of font for the error text. [Reference link](https://developer.mozilla.org/en-US/docs/Web/CSS/font)                                                                         |
| errorTextColor                    | Sets the foreground color of the error text                                                                                                                                                                   |
| passwordInputPlaceholderTextFont  | Sets all the different properties of font for the placeholder text on password input. [Reference link](https://developer.mozilla.org/en-US/docs/Web/CSS/font)                                                 |
| passwordInputPlaceholderTextColor | Sets the foreground color of the placeholder text on the password input                                                                                                                                       |
| passwordInputTextFont             | Sets all the different properties of font for the password input text. [Reference link](https://developer.mozilla.org/en-US/docs/Web/CSS/font)                                                                |
| passwordInputTextColor            | Sets the foreground color of the text on the password input                                                                                                                                                   |
| passwordInputBackground           | Sets all background style properties of the password input at once, such as color, image, origin and size, or repeat method. [Reference link](https://developer.mozilla.org/en-US/docs/Web/CSS/background)    |
| passwordInputBorder               | Sets the border of the password input                                                                                                                                                                         |
| passwordInputBorderRadius         | Sets the border radius of the password input                                                                                                                                                                  |
| passwordInputBoxShadow            | Adds shadow effects around the password input                                                                                                                                                                 |
| joinButtonTextFont                | Sets all the different properties of font for the text on join group button. [Reference link](https://developer.mozilla.org/en-US/docs/Web/CSS/font)                                                          |
| joinButtonTextColor               | Sets the foreground color of the text on join group button                                                                                                                                                    |
| joinButtonBackground              | Sets all background style properties of the join group button at once, such as color, image, origin and size, or repeat method. [Reference link](https://developer.mozilla.org/en-US/docs/Web/CSS/background) |
| joinButtonBorderRadius            | Sets the border radius of the join group button                                                                                                                                                               |
| joinButtonBorder                  | Sets the border of the join group button                                                                                                                                                                      |