<MessageField>

View as Markdown

The <MessageField> component is displayed at the bottom of the chat panel. It includes the text area to write messages as well as additional buttons for sending an attachment or location.

interface MessageFieldProps

Properties

common
: CommonChatboxProps

A collection of objects which are passed to all Chatbox theme components.

editMessageId
: string | undefined

When a message is being edited its ID will be stored here.

editor
: EditorController

An object holding the state of the message field.

permissions
: UserPermissions

The current user's permissions.

referencedMessage
: MessageSnapshot | undefined

The message that's currently being replied to, if any.

voiceRecorder (optional)
: VoiceRecorderController

Controls and holds state related to voice recording. Undefined when nothing is being recorded. Use editor.recordVoiceMessage() to begin recording a message.

Example

In the default theme, the <MessageField> component is implemented as follows:

MessageField.js
view on GitHub
1// loading...