react-google-onetap

0.0.5 • Public • Published

react-google-onetap

A Google one-tap sign-up Component for React

Install

yarn add react-google-onetap

How to use

There're some steps to take to create your custom map components.

  1. In order to initialize the MyComponent with the credential, you'll need to wrap it with [withCredential] HOC.
  2. In order to correctly load googleyolo JavaScript client library, you'll need to wrap it with [withScriptjs].
  3. Notice there're some required props for withCredential and withScriptjs HOC.
import { withScriptjs, withCredential } from "react-google-onetap"
 
const MyComponent = withScriptjs(withCredential((props) =>
  <span>
    {props.displayName}
  </span>
))
 
<MyComponent
  supportedAuthMethods={[
    'https://accounts.google.com',
    'googleyolo://id-and-password',
  ]}
  supportedIdTokenProviders={[
    {
      uri: 'https://accounts.google.com',
      clientId: 'YOUR_GOOGLE_CLIENT_ID',
    },
  ]}
/>

Readme

Keywords

none

Package Sidebar

Install

npm i react-google-onetap

Weekly Downloads

0

Version

0.0.5

License

MIT

Unpacked Size

34.8 kB

Total Files

22

Last publish

Collaborators

  • ywkim