# Card

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

## Props

### additionalTouchableProps

Additional props provided to the underlying [TouchableOpacity](https://reactnative.dev/docs/touchableopacity#props) used by components within a message such as [`MessageContent`](https://getstream.io/chat/docs/sdk/react-native/v4/ui-components/message-content#additionaltouchableprops).

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

### `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

Default long press handler for message UI.

| Type     |
| -------- |
| function |

### `onPress`

Default press handler for message UI.

| Type     |
| -------- |
| function |

### onPressIn

Default `pressIn` handler for message UI.

| Type     |
| -------- |
| function |

### 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

Component to render main body for [`Card`](https://getstream.io/chat/docs/sdk/react-native/v4/ui-components/card/) component which renders custom type of attachment.
Please check the guides for [Custom Attachment](https://getstream.io/chat/docs/sdk/react-native/v4/guides/custom-attachment/).

| Type      |
| --------- |
| component |

### CardFooter

Component to render footer for [`Card`](https://getstream.io/chat/docs/sdk/react-native/v4/ui-components/card/) component which renders custom type of attachment. Please check the guides for [Custom Attachment](https://getstream.io/chat/docs/sdk/react-native/v4/guides/custom-attachment/).

| Type      |
| --------- |
| component |

### CardHeader

Component to render header for [`Card`](https://getstream.io/chat/docs/sdk/react-native/v4/ui-components/card/) component which renders custom type of attachment. Please check the guides for [Custom Attachment](https://getstream.io/chat/docs/sdk/react-native/v4/guides/custom-attachment/).

| Type      |
| --------- |
| component |


---

This page was last updated at 2026-08-14T17:46:50.850Z.

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