JSPM – react-google-login@2.0.0

Package Exports

react-google-login

This package does not declare an exports field, so the exports above have been automatically detected and optimized by JSPM instead. If any package subpath is missing, it is recommended to post an issue to the original package (react-google-login) to support the "exports" field. If that is not possible, create a JSPM override to customize the exports field for this package.

Readme

A Google oAUth Sign-in / Log-in Component for React

Install

npm install react-google-login

How to use

'use strict';

import React from 'react';
import ReactDOM from 'react-dom';
import GoogleLogin from 'react-google-login';

const responseGoogle = (response) => {
  console.log(response);
}

ReactDOM.render(
  <GoogleLogin
    clientId="658977310896-knrl3gka66fldh83dao2rhgbblmd4un9.apps.googleusercontent.com"
    buttonText="Login"
    callback={responseGoogle} />,
  document.getElementById('googleButton')
);

Callback

If offline is false callback will return the GoogleAuth object.

If offline is true callback will return the offline token for use on your server.

Parameters

params	value	default value
clientId	string	REQUIRED
scope	string	profile email
callback	function	REQUIRED
offline	boolean	false
buttonText	string	Login with Google
cssClass	string	-
redirectUri	string	postmessage

Google Scopes List: https://developers.google.com/identity/protocols/googlescopes

You can now also pass child components such as icons into the button component.

  <GoogleLogin
        clientId={'658977310896-knrl3gka66fldh83dao2rhgbblmd4un9.apps.googleusercontent.com'}
        callback={responseGoogle}
        offline={false}
  >
    <FontAwesome
      name='google'
    />
    <span> Login with Google</span>
  </GoogleLogin>

Test Server

npm run start

Production Bundle

npm run bundle

react-google-login