This is beta documentation for Stream Chat React Native SDK v9. For the latest stable version, see the latest version (v8) .

GiphyChip

GiphyChip renders a small chip-style indicator in the message input area when the Giphy command is active. It displays the command name (e.g., "GIPHY") with a lightning icon and a close button to dismiss the command.

Unlike most base UI components, GiphyChip is context-aware — it reads the active command from the TextComposer state via the useMessageComposer hook. Pressing the close button clears the command and restores the composer to its default state.

Usage

GiphyChip is typically rendered automatically by the MessageInput component when a Giphy command is active. You generally don't need to use it directly unless building a custom message input.

import { GiphyChip } from "stream-chat-react-native";

<GiphyChip />;

Props

This component does not accept any props. It derives all data and behavior from:

Source	Usage
`useMessageComposer()`	Access to `textComposer` for clearing the command and restoring the composer
`textComposer.state`	Reads the active `command` to display the command name
Theme semantics	`badgeBgInverse` for background, `textInverse` for text color

Button

Input