MessageInputV2
This is a container for MessageInputArea and MessageInputActions.
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 | ||
| actions | styled(div) | A toolbar of message related action buttons |
Static Properties#
| Name | Type | Description |
|---|---|---|
| Content | DynamicContentStore<MessageInputV2Props, MessageInputV2ChildrenKeys> | Dynamic content store |
| defaultProps | 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 | |
| hideSendButton | boolean | Whether the send button should be hidden | Yes | |
| rows | 1 | 2 | 3 | 4 | 5 | 6 | Set the row height of message input. Range from 1 to 6 | Yes | 1 |
Rate this page