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

# Input

> Input — CometChat documentation.

## Overview

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](/ui-kit/angular/v4/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="HTML">
    ```html theme={null}
    <cometchat-input
    [type]="'email'" 
    [placeholderText]="'Please enter your email id'"  
    ></cometchat-input>
    ```
  </Tab>
</Tabs>


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