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?: 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