Wondering what’s next for npm?Check out our public roadmap! »

    react-instagram-embed
    TypeScript icon, indicating that this package has built-in type declarations

    2.0.0 • Public • Published

    react-instagram-embed

    CircleCI npm version License

    React embedding Instagram posts component

    yarn add react-instagram-embed
     
    # or 
     
    npm i react-instagram-embed

    Live demo

    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 is 320. Default undefined
    • hideCaption {Boolean} Default false
    • 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} Default true
    • onLoading {Function}
    • onSuccess {Function}
    • onAfterRender {Function}
    • onFailure {Function}

    License

    MIT

    © sugarshin

    Install

    npm i react-instagram-embed

    DownloadsWeekly Downloads

    15,747

    Version

    2.0.0

    License

    MIT

    Unpacked Size

    23.5 kB

    Total Files

    6

    Last publish

    Collaborators

    • avatar