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

# Input

> Input — CometChat documentation.

This element allows users to enter or provide data or information within a web form or interface. It is one of the fundamental building blocks for user input and interaction on websites and web applications.

## Properties

| Name            | Type                                                                                                                                     | Description                                                                                                                |
| --------------- | ---------------------------------------------------------------------------------------------------------------------------------------- | -------------------------------------------------------------------------------------------------------------------------- |
| type            | This corresponds to [all the types](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input#input_types) of native input element | Type of the input element. Corresponds to the type attribute of the native input element.                                  |
| value           | string                                                                                                                                   | Initial value of the input element                                                                                         |
| checked         | boolean                                                                                                                                  | When set to true, checks the input element                                                                                 |
| placeholderText | string                                                                                                                                   | Text that appears in the input element when it has no value set                                                            |
| hidden          | boolean                                                                                                                                  | When set to true, the input element is not displayed                                                                       |
| multiple        | boolean                                                                                                                                  | When set to true, allows multiple values for `file` and `email` input type.                                                |
| accept          | string                                                                                                                                   | Valid for the file input type only, the accept attribute defines which file types are selectable in a file upload control. |
| inputStyle      | [InputStyle](/web-elements/input#inputstyle)                                                                                             | Styling properties and values of the element                                                                               |

## InputStyle

| Name                 | Description                                                                                                                                                                          |
| -------------------- | ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------ |
| width                | Sets the width of the element                                                                                                                                                        |
| height               | Sets the height of the element                                                                                                                                                       |
| border               | Sets the border of the element                                                                                                                                                       |
| borderRadius         | Sets the border radius of the element                                                                                                                                                |
| 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            | Sets shadow effects around the element                                                                                                                                               |
| textFont             | Sets all the different properties of font for the input text. [Reference link](https://developer.mozilla.org/en-US/docs/Web/CSS/font)                                                |
| textColor            | Sets the foreground color of the input text.                                                                                                                                         |
| placeholderTextFont  | Sets all the different properties of font for the hint text. [Reference link](https://developer.mozilla.org/en-US/docs/Web/CSS/font)                                                 |
| placeholderTextColor | Sets the foreground color of the hint text.                                                                                                                                          |

## Usage

<Tabs>
  <Tab title="JavaScript">
    ```javascript theme={null}
    import '@cometchat/uikit-elements';//import the web component package.


    <cometchat-input :type="email" :placeholderText="Please enter your email id"  />
    ```
  </Tab>
</Tabs>