NASA Planetary Mission

    react-instagram-oauth

    0.0.3 • Public • Published

    react-instagram-oauth

    npm npm bundle size npm

    React component for a simple OAuth login with Instagram.

    DEMO HERE

    button examples

    🚀 Get Started

    Follow these steps to start using React Instagram Login:

    1. Installation

      # with npm 
      npm i react-instagram-oauth
       
      # with yarn 
      yarn add react-instagram-oauth
    2. Import and configure component.

      import React from "react";
      import InstagramLogin from "react-instagram-oauth";
       
      export default props => {
        const authHandler = (err, data) => {
          console.log(err, data);
        };
       
        return (
          <InstagramLogin
            authCallback={authHandler}
            appId={CLIENT_ID}
            appSecret={CLIENT_SECRET}
            redirectUri={REDIRECT_URI}
          />
        );
      };
    3. Find more info about keys and OAuth apps in Instagram official docs

    📖 API

    Property Type Default Description
    authCallback function required Callback function which takes two arguments (error, authData)
    appId string required App ID of your OAuth App
    appSecret string required App Secret of your OAuth App
    redirectUri string required Authorization callback URL of your OAuth App
    scopes string[] ["user_profile"] Scopes list. Read more on Permissions page
    buttonTheme enum("gradient", "simple", "gradient_short", "simple_short") "gradient" Button style theme
    className string "" Custom class name

    📝 License

    MIT

    Install

    npm i react-instagram-oauth

    DownloadsWeekly Downloads

    16

    Version

    0.0.3

    License

    MIT

    Unpacked Size

    38 kB

    Total Files

    15

    Last publish

    Collaborators

    • alexandrtovmach