React Giphy Search

Add a Messenger-like Giphy search bar and gallery to your app.

Installation

yarn add react-giphy-search

Peer dependencies are react@15.x, react-redux@5.x, and redux@3.x.

Usage

import React from 'react';
import ReactDOM from 'react-dom';
 
import GiphySearch from 'react-giphy-search';
 
const App = () => {
  const handleGifSelection = (id) => {
    console.log(id);
  }
 
  return (
    <GiphySearch
      onGifSelection={(id) => handleGifSelection(id)}
      // optional prop `styles` to override default styles:
      styles={{
        wrapper: {
 
        },
        searchBar: {
 
        },
        gifList: {
 
        },
        gifListItem: {
 
        },
      }}
    />
  );
}
 
ReactDOM.render(<App />, document.body);