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
Add Chat to my app: getstream.io/SKILL.md

The fastest way to build with Stream. Start a new project or improve an existing one. Full CLI and documentation integration out of the box.


Ask your agent:

/stream Build me a Social App with Feeds and Moderation.
/stream Any livestream calls running?
/stream Chat React Native v9: <Your Question>