# Card

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

## Props

### `additionalPressableProps`

<partial id="chat-sdk/react-native/v6/_partials/common-content/ui-components/channel/props/additional_pressable_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/v6/_partials/common-content/contexts/message-context/on_long_press"></partial>

### `onPress`

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

### `onPressIn`

<partial id="chat-sdk/react-native/v6/_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 |

## UI Component Props

### `CardCover`

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

### `CardFooter`

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

### `CardHeader`

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

### `ImageComponent`

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

---

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

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