React Chat Types

Alert

A configuration object for an alert.

import { ChatTypes } from "devextreme-react/chat"
Type: ChatTypes.Alert

Attachment

A configuration object for a file attachment.

import { ChatTypes } from "devextreme-react/chat"
Type: ChatTypes.Attachment

View Demo

AttachmentDownloadClickEvent

The argument type in the attachmentDownloadClick event.

import { ChatTypes } from "devextreme-react/chat"
Type: ChatTypes.AttachmentDownloadClickEvent

Used in:

DisposingEvent

The type of the disposing event handler's argument.

import { ChatTypes } from "devextreme-react/chat"
Type: ChatTypes.DisposingEvent

Used in:

ImageMessage

Configures image message.

import { ChatTypes } from "devextreme-react/chat"
Type: ChatTypes.ImageMessage

InitializedEvent

The type of the initialized event handler's argument.

import { ChatTypes } from "devextreme-react/chat"
Type: ChatTypes.InitializedEvent

Used in:

InputFieldTextChangedEvent

The argument type in the inputFieldTextChanged event.

import { ChatTypes } from "devextreme-react/chat"
Type: ChatTypes.InputFieldTextChangedEvent

Used in:

Message

A configuration object for a message.

import { ChatTypes } from "devextreme-react/chat"
Type: ChatTypes.Message

MessageDeletedEvent

The argument type in the messageDeleted event.

import { ChatTypes } from "devextreme-react/chat"
Type: ChatTypes.MessageDeletedEvent

Used in:

MessageDeletingEvent

The argument type in the messageDeleting event.

import { ChatTypes } from "devextreme-react/chat"
Type: ChatTypes.MessageDeletingEvent

Used in:

MessageEditCanceledEvent

The argument type in the messageEditCanceled event.

import { ChatTypes } from "devextreme-react/chat"
Type: ChatTypes.MessageEditCanceledEvent

Used in:

MessageEditingStartEvent

The argument type in the messageEditingStart event.

import { ChatTypes } from "devextreme-react/chat"
Type: ChatTypes.MessageEditingStartEvent

Used in:

MessageEnteredEvent

The argument type in the messageEntered event.

import { ChatTypes } from "devextreme-react/chat"
Type: ChatTypes.MessageEnteredEvent

Used in:

MessageType

Specifies the chat message type.

Type:

Literal Union

Accepted Values: 'text' | 'image'

Use this type to define the format of a message in the type field.

The following values are accepted:

  • 'text' - A plain-text message.
  • 'image' - A message containing an image.

Used in:

MessageUpdatedEvent

The argument type in the messageUpdated event.

import { ChatTypes } from "devextreme-react/chat"
Type: ChatTypes.MessageUpdatedEvent

Used in:

MessageUpdatingEvent

The argument type in the messageUpdating event.

import { ChatTypes } from "devextreme-react/chat"
Type: ChatTypes.MessageUpdatingEvent

Used in:

OptionChangedEvent

The argument type in the optionChanged event.

import { ChatTypes } from "devextreme-react/chat"
Type: ChatTypes.OptionChangedEvent

Used in:

SendButtonAction

Type:

Literal Union

Accepted Values: 'send' | 'custom'

Used in:

SendButtonClickEvent

The argument type in the sendButtonOptions.onClick handler.

import { ChatTypes } from "devextreme-react/chat"
Type: ChatTypes.SendButtonClickEvent

Do not use EventInfo if you specify this type.

Code
interface NativeEventInfo<TComponent, TNativeEvent = Event> {
    readonly component: TComponent;
    readonly element: DxElement;
    readonly event?: EventObject & TNativeEvent;
}

interface EventObject {
    currentTarget: Element;
    data: any;
    delegateTarget: Element;
    target: Element;
    isDefaultPrevented(): boolean;
    isImmediatePropagationStopped(): boolean;
    isPropagationStopped(): boolean;
    preventDefault(): void;
    stopImmediatePropagation(): void;
    stopPropagation(): void;
}

Used in:

SendButtonProperties

A configuration object for the Send button.

import { ChatTypes } from "devextreme-react/chat"
Type: ChatTypes.SendButtonProperties

TextMessage

Configures a text message.

import { ChatTypes } from "devextreme-react/chat"
Type: ChatTypes.TextMessage

TypingEndEvent

The argument type in the typingEnd event.

import { ChatTypes } from "devextreme-react/chat"
Type: ChatTypes.TypingEndEvent

Used in:

TypingStartEvent

The argument type in the typingStart.

import { ChatTypes } from "devextreme-react/chat"
Type: ChatTypes.TypingStartEvent

Used in:

User

A configuration object for a user.

import { ChatTypes } from "devextreme-react/chat"
Type: ChatTypes.User