react-instagram-oauth

React component for a simple OAuth login with Instagram.

DEMO HERE

🚀 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