MessageInput
This is a container for MessageInputArea and SendButton.
Can be themed with Theme.Chat.MessageInput in Theme.
Component children#
| Key | Component | Condition | Align | Description |
|---|---|---|---|---|
| textarea | styled(div) | Wrapper for the input area ( MessageInputArea component) and the send button |
Static Properties#
| Name | Type | Description |
|---|---|---|
| Content | DynamicContentStore<MessageInput.MessageInputChildrenProps, MessageInputChildrenKeys> | Dynamic content store |
| defaultProps | MessageInput.MessageInputProps | Default properties |
Component Properties#
| Name | Type | Description | Optional | Default |
|---|---|---|---|---|
| theme.MessageInput | MessageInputThemeProps | theme | Yes | |
| areaStyle | InputAreaStyle | Visual style of the text input element. | Yes | Bubble |
| disabledReason | string | A reason on why MessageInput is disabled. | Yes | |
| returnKeySendsMessage | boolean | Whether pressing the return key should send a message. | Yes | true |
| charLimit | number | Identifies character limit for a single message. | No | |
| children | DynamicComponentChildren<MessageInput.MessageInputChildrenProps> | children | Yes | |
| sendButtonAriaProps | AriaProps | SendButton aria props | Yes | |
| textAreaAriaProps | AriaProps | TextArea aria props | Yes |