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

# Message Input

> Message Input — CometChat documentation.

`CometChatMessageInput` is a component that provides a skeleton layout for contents of [CometChatMessageComposer](/ui-kit/flutter/v4/message-composer) like `TextField`, auxiliary options, primary button view and attachment options.

## Properties

| Properties                    | Type                      | Description                                                     |
| ----------------------------- | ------------------------- | --------------------------------------------------------------- |
| **text**                      | String                    | initial text for the input field                                |
| **placeholderText**           | String                    | sets hint text for the input field                              |
| **onChange**                  | Function(String)          | callback to handle change in value of text in the input field   |
| **style**                     | MessageInputStyle         | provides style to this widget                                   |
| **maxLine**                   | int                       | maximum lines allowed to increase in the input field            |
| **secondaryButtonView**       | Widget                    | additional ui component apart from primary                      |
| **auxiliaryButtonView**       | Widget                    | additional ui component apart from primary and secondary        |
| **primaryButtonView**         | Widget                    | a ui component that would trigger basic functionality           |
| **auxiliaryButtonsAlignment** | AuxiliaryButtonsAlignment | controls position auxiliary button view                         |
| **textEditingController**     | TextEditingController     | provides control of the input field                             |
| **focusNode**                 | FocusNode                 | allows to listen to changes in focus state of the TextFormField |

***

## MessageInputStyle

`MessageInputStyle` helps to customize `CometChatMessageInput`

| Properties               | Type      | Description                                                            |
| ------------------------ | --------- | ---------------------------------------------------------------------- |
| **height**               | double    | used to set height                                                     |
| **width**                | double    | used to set width                                                      |
| **border**               | BoxBorder | used to set border                                                     |
| **borderRadius**         | double    | used to set border radius                                              |
| **background**           | Color     | used to set the background color                                       |
| **gradient**             | Gradient  | used to set background gradient                                        |
| **inputTextStyle**       | TextStyle | used to set input text style                                           |
| **placeholderTextStyle** | TextStyle | used to text style of the hint text                                    |
| **dividerTint**          | Color     | used to set color to the divider separating input field and bottom bar |