# Attachment

Component to render the message attachments within the [`MessageList`](/chat/docs/sdk/react-native/v6/ui-components/message-list/).

This is the default component provided to the prop [`Attachment`](/chat/docs/sdk/react-native/v6/core-components/channel#attachment/) on the `Channel` component.
It renders relevant component according to type of the attachment (for example card, Giphy, file etc). Generally you wouldn't need to use this component for customization,
you should instead use specific attachment type related prop such as [`Giphy`](/chat/docs/sdk/react-native/v6/core-components/channel#giphy/), [`Gallery`](/chat/docs/sdk/react-native/v6/core-components/channel#gallery/), [`UrlPreview`](/chat/docs/sdk/react-native/v6/core-components/channel#urlpreview/), [`FileAttachment`](/chat/docs/sdk/react-native/v6/core-components/channel#fileattachment/) etc.
Please check our guide on [Attachment Customization](/chat/docs/sdk/react-native/v6/guides/custom-attachment/) for details.

## Props

### **attachment**

Attachment object to render UI for. This is basically a value from `attachments` array on message object - `message.attachments[0]`.

| Type   |
| ------ |
| object |

## UI Component Props

### `AttachmentActions`

<partial id="chat-sdk/react-native/v6/_partials/common-content/ui-components/channel/props/attachment_actions"></partial>

### `Card`

<partial id="chat-sdk/react-native/v6/_partials/common-content/ui-components/channel/props/card"></partial>

### `FileAttachment`

<partial id="chat-sdk/react-native/v6/_partials/common-content/ui-components/channel/props/file_attachment"></partial>

### `Gallery`

<partial id="chat-sdk/react-native/v6/_partials/common-content/ui-components/channel/props/gallery"></partial>

### `Giphy`

<partial id="chat-sdk/react-native/v6/_partials/common-content/ui-components/channel/props/giphy"></partial>

### `UrlPreview`

<partial id="chat-sdk/react-native/v6/_partials/common-content/ui-components/channel/props/url_preview"></partial>

---

This page was last updated at 2025-08-19T14:51:57.618Z.

For the most recent version of this documentation, visit [https://getstream.io/chat/docs/sdk/react-native/v6/ui-components/attachment/](https://getstream.io/chat/docs/sdk/react-native/v6/ui-components/attachment/).