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