0.0.3 • Published 4 years ago
react-instagram-oauth v0.0.3
react-instagram-oauth
React component for a simple OAuth login with Instagram.
🚀 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 |