MessageInput
This is a container for MessageInputArea and SendButton. Can be themed with [theme.Chat.MessageInput]{@link MessageInput.MessageInputThemeProps}
Component children#
| Key | Component | Condition | Align | Description |
|---|---|---|---|---|
| line | styled(div) | Line that separates the top of the text area container from other components | ||
| textarea | styled(div) | Wrapper for the input area (`MessageInputArea` component) and the send button |
Static Properties#
| Name | Description | Type |
|---|---|---|
| Content | Dynamic content store | DynamicContentStore.<MessageInput.MessageInputChildrenProps> |
| defaultProps | Default properties | MessageInput.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