Message Attachments

The Chat messages may contain attachments such as images, videos, or data.

Supported Attachment Types

The Chat provides built-in support for displaying:

  • ImagesThe contentType has to start with "image/". The content has to be a valid URL.
  • Plain-text attachmentsThe built-in Chat template displays any content other than images as text.

Defining Attachments

To define attachments for a message:

  1. Populate the attachments field of the message.
  2. Set the content and an optional contentType for each Attachment. Typically, the content type identifier for the attachment is MIME, but you can also use a string.

Display Modes

By default, message attachments are displayed as a carousel or card deck below the message. You can also display attachments in a list by setting the attachmentLayout of the message.

Example
View Source
Edit In Stackblitz  
Change Theme:

Attachment Templates

To customize the attachments, define an AttachmentTemplate . To get the default appearance of the built-in attachment template, wrap the template content in a "k-card" container.

Example
View Source
Edit In Stackblitz  
Change Theme: