MessageInput
This is a container for MessageInputArea and SendButton.
Can be themed with Theme.Chat.MessageInput
in Theme.
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?: 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