Skip to content

FileAttachmentGroup

Renders a group of file attachments inside MessageList. This is the default component for the FileAttachmentGroup prop.

Best Practices

  • Use file grouping for messages with multiple files to keep UI compact.
  • Provide clear file names and sizes to help users identify attachments.
  • Handle empty or invalid file arrays gracefully.
  • Avoid heavy file icon rendering in large lists.
  • Use consistent file download/open behavior across attachments.

Props

Prop Description Type
files Array of file attachments shown in the grouped UI component. array
message Message object the attachments belong to. Message type
styles Style overrides for the group container and each attachmentContainer. object