react-google-onetap

Google one-tap sign-up component for React

Usage no npm install needed!

<script type="module">
  import reactGoogleOnetap from 'https://cdn.skypack.dev/react-google-onetap';
</script>

README

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',
    },
  ]}
/>