@hamaad/react-instagram-feed
v1.0.2
Published
React component embedding users Instagram feed
Downloads
21
Readme
React-Instagram-Feed
React component embedding users Instagram feed
yarn add @hamaad/react-instagram-feed
# or
npm i @hamaad/react-instagram-feed
Screenshots
Usage
import Feed from "@hamaad/react-instagram-feed";
<Feed
userName="javascript.js"
limit={8}
clientAccessToken="123|456"
maxWidth={320}
maxContainerHeight={510}
hideCaption={false}
protocol=""
injectScript={true}
/>;
Access token is combination of App Id and Client Token. See https://developers.facebook.com/docs/instagram/oembed/#access-tokens for more details.
Errors
If you dont see anything check the Console/Network tab, it usually something wrong with the token...
props
userName
{String} Instagram User Name. RequiredclientAccessToken
{String} Instagram Client Access Token. RequiredmaxWidth
{Number} Max width. Minimum size is320
. Defaultundefined
maxContainerHeight
{Number} Max continer height. Default510
limit
{Number} Max limit. Maximum size is12
. Default12
hideCaption
{Boolean} Defaultfalse
protocol
{String} Instagram API script protocol. Default''
same as current protocol- This property needed if you use device's file system, for example, Electron, Cordova apps
injectScript
{Boolean} Defaulttrue