MessageInputV2
This is a container for MessageInputArea and MessageInputActions. Can be themed with [theme.Chat.MessageInput]{@link MessageInput.MessageInputThemeProps}
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?: MessageInputThemePropstheme
areaStyle?: InputAreaStyleVisual style of the text input element.
disabledReason?: stringA reason on why MessageInput is disabled.
returnKeySendsMessage?: booleanWhether pressing the return key should send a message.
charLimit: numberIdentifies character limit for a single message.
children?: DynamicComponentChildren.<MessageInput.MessageInputChildrenProps>children
sendButtonAriaProps?: AriaPropsSendButton aria props
textAreaAriaProps?: AriaPropsTextArea aria props
hideSendButton?: booleanWhether the send button should be hidden
rows?: 1 | 2 | 3 | 4 | 5 | 6Set the row height of message input. Range from 1 to 6