Skip to content

<GoogleOneTap />

INFO

To use Google One Tap with Clerk, you must enable Google as a social connection in the Clerk Dashboard and make sure to use custom credentials.

The <GoogleOneTap /> component renders the Google One Tap UI so that users can use a single button to sign-up or sign-in to your Clerk application with their Google accounts.

By default, this component will redirect users back to the page where the authentication flow started. However, you can override this with force redirect URL props or force redirect URL environment variables.

Props

Click here to see the full list of props available.

Usage

vue
<script setup>
import { GoogleOneTap } from 'vue-clerk'
</script>

<template>
  <GoogleOneTap />
</template>

Released under the MIT License.