react-instagram-embed
react-instagram-embed copied to clipboard
React embedding Instagram posts component
react-instagram-embed
React embedding Instagram posts component
yarn add react-instagram-embed
# or
npm i react-instagram-embed
Usage
import InstagramEmbed from 'react-instagram-embed';
<InstagramEmbed
url='https://instagr.am/p/Zw9o4/'
clientAccessToken='123|456'
maxWidth={320}
hideCaption={false}
containerTagName='div'
protocol=''
injectScript
onLoading={() => {}}
onSuccess={() => {}}
onAfterRender={() => {}}
onFailure={() => {}}
/>
Access token is combination of App Id and Client Token. See https://developers.facebook.com/docs/instagram/oembed/#access-tokens for more details.
props
-
url
{String} Instagram URL. Required -
clientAccessToken
{String} Instagram Client Access Token. Required -
maxWidth
{Number} Max width. Minimum size is320
. Defaultundefined
-
hideCaption
{Boolean} Defaultfalse
-
containerTagName
{String} Default'div'
-
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
-
onLoading
{Function} -
onSuccess
{Function} -
onAfterRender
{Function} -
onFailure
{Function}
License
© sugarshin