# Card

Component to render custom attachments within the [`MessageList`](/chat/docs/sdk/react-native/v3/ui-components/message-list/).
Please check the guides for [Custom Attachment](/chat/docs/sdk/react-native/v3/guides/custom-attachment/) for basic usage.

## Props

### additionalTouchableProps

<partial id="chat-sdk/react-native/v3/_partials/common-content/core-components/channel/props/additional_touchable_props"></partial>

### `author_name`

Author name, to be rendered in footer of card.

| Type   |
| ------ |
| string |

### `image_url`

URL of image to render as cover image for card. In absence of `image_url`, `thumb_url` will be used for cover.

| Type   |
| ------ |
| string |

### `og_scrape_url`

URL to redirect to, when user presses on card.

| Type   |
| ------ |
| string |

### onLongPress

<partial id="chat-sdk/react-native/v3/_partials/common-content/contexts/message-context/on_long_press"></partial>

### `onPress`

<partial id="chat-sdk/react-native/v3/_partials/common-content/contexts/message-context/on_press"></partial>

### onPressIn

<partial id="chat-sdk/react-native/v3/_partials/common-content/contexts/message-context/on_press_in"></partial>

### text

Text description for card, which will be rendered in footer of card.

| Type   |
| ------ |
| string |

### `thumb_url`

Thumbnail URL for cover image.

| Type   |
| ------ |
| string |

### title

Title for card, which will be rendered in footer of card

| Type   |
| ------ |
| string |

### CardCover

<partial id="chat-sdk/react-native/v3/_partials/common-content/core-components/channel/props/card_cover"></partial>

### CardFooter

<partial id="chat-sdk/react-native/v3/_partials/common-content/core-components/channel/props/card_footer"></partial>

### CardHeader

<partial id="chat-sdk/react-native/v3/_partials/common-content/core-components/channel/props/card_header"></partial>

---

This page was last updated at 2025-08-15T14:16:09.727Z.

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