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

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


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