React-instagram-oauth NPM

react-instagram-oauth

React component for a simple OAuth login with Instagram.

button examples

🚀 Get Started

Follow these steps to start using React Instagram Login:

Installation

# with npm
npm i react-instagram-oauth

# with yarn
yarn add react-instagram-oauth

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}
    />
  );
};

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

react instagram login auth oauth

@infinitebrahmanuniverse/nolb-react-in @everything-registry/sub-chunk-2562

0.0.3

6 years ago

0.0.2

6 years ago

0.0.1

6 years ago