Description of icon
Flex UI
API Reference

MessageInput

This is a container for MessageInputArea and SendButton. Can be themed with Theme.Chat.MessageInput in Theme.


Component children#

KeyComponentConditionAlignDescription
linestyled(div)Line that separates the top of the text area container from other components
textareastyled(div)Wrapper for the input area (`MessageInputArea` component) and the send button

Static Properties#

NameDescriptionType
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

Need some help?