Angular Chat - TextMessage

Configures a text message.

import { DxChatTypes } from "devextreme-angular/ui/chat"
Type: DxChatTypes.TextMessage

attachments

An array of file attachments.

Selector: dxi-attachment
Type:

Array<Attachment>

View Demo

author

A user who is the author of the message.

Selector: dxo-author
Type:

User

If you don't specify the author, the following automatic adjustments take place:

  • Without author.name, the name is displayed as "Unknown User".

  • Without author or without its ID, the message appears as from a chat companion (to the left).

id

Message's identification number or string.

Type:

Number

|

String

isDeleted

Marks a message as deleted in the UI.

Type:

Boolean

If this property is true, the editing context menu is not displayed for the message.

View Demo

isEdited

Marks a message as edited in the UI.

Type:

Boolean

View Demo

text

The message text. Only applies to text type messages.

Type:

String

timestamp

A timestamp of when the message was sent.

Type:

Date

|

Number

|

String

type

The message type.

Type:

String

| undefined
Default Value: undefined

Available values: text and image.