# Giphy

Component to render Giphy attachments within the [`MessageList`](https://getstream.io/chat/docs/sdk/react-native/v4/ui-components/message-list/).

This is the default component provided to the prop [`Giphy`](https://getstream.io/chat/docs/sdk/react-native/v4/core-components/channel#giphy) on the `Channel` component.

## Props

### **attachment**

Attachment object for `giphy` type attachment.

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

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

### `handleAction`

Function to send an attachment action on message. For example, in case of `giphy` type attachments, there are 3 actions available - Shuffle, Cancel, Send.

| Type                                       |
| ------------------------------------------ |
| `(name: string, value: string) => Promise` |

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

### `setImage`

Setter for value [`image`](https://getstream.io/chat/docs/sdk/react-native/v4/contexts/image-gallery-context#image).

| Type                                                   |
| ------------------------------------------------------ |
| `(image: {messageId?: string; url?: string;}) => void` |

### `setImages`

Setter for value [`images`](https://getstream.io/chat/docs/sdk/react-native/v4/contexts/image-gallery-context#images).

| Type                                                                                                                                                                       |
| -------------------------------------------------------------------------------------------------------------------------------------------------------------------------- |
| `(messageWithImages: [MessageType](https://github.com/GetStream/stream-chat-react-native/blob/main/package/src/components/MessageList/hooks/useMessageList.ts)[]) => void` |

### `setOverlay`

Setter for [`overlay`](https://getstream.io/chat/docs/sdk/react-native/v4/contexts/overlay-context#overlay). You can use this setter to show the overlay.

| Type                |
| ------------------- |
| `(overlay) => void` |

---

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