react-giphy-picker-https



react-giphy-picker-https is a simple gif picker component using giphy API over https.

Install

yarn add @progresso/react-giphy-picker-https

Usage basic

``jsx
import Picker from 'react-giphy-picker-https'
import ReactDOM from 'react-dom'
import React, { Component, PropTypes } from 'react'

class TestComponent extends Component {
log (gif) {
console.log(gif)
}

render () {
return (

)
}
}

ReactDOM.render(
,
document.getElementById('root')
)
`

Props

$3

Your giphy api key, see API Quickstart Guide on developers.giphy.com.

$3

The width of the control, in pixels. Used for layouting gifs with different sizes.

$3

Handles a gif selection and provides the selected gif as a Gif Object.

$3

Set to true to make the component visible.

$3

Set to true, if you want the component to be displayed as a floating layer. It will set the component position: absolute and add a box shadow.

$3

A React.CSSProperties object that appies to the outer component shape.

$3

A React.CSSProperties object that applies to the component's search box.

$3

A React.CSSProperties object that applies to each rendered gif image within the component.

$3

A React.Component that should be used for scrolling. If not provided, a default