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 | Description | Type |
---|---|---|
Content | Dynamic content store | DynamicContentStore.<MessageInputV2Props> |
defaultProps | Default properties | MessageInputProps |
Component Properties
theme.MessageInput?: MessageInputThemeProps
theme
areaStyle?: InputAreaStyle
Visual style of the text input element.
disabledReason?: string
A reason on why MessageInput is disabled.
returnKeySendsMessage?: boolean
Whether pressing the return key should send a message.
charLimit: number
Identifies character limit for a single message.
children?: DynamicComponentChildren.<MessageInput.MessageInputChildrenProps>
children
sendButtonAriaProps?: AriaProps
SendButton aria props
textAreaAriaProps?: AriaProps
TextArea aria props
hideSendButton?: boolean
Whether the send button should be hidden
rows?: 1 | 2 | 3 | 4 | 5 | 6
Set the row height of message input. Range from 1 to 6