lively-scientist-17848
10/24/2024, 6:13 PMbrief-egg-61061
10/24/2024, 6:13 PMbrief-egg-61061
10/24/2024, 6:14 PMhtml <form action={flow.action} method={flow.method}> <button type="submit" value="google">Sign in with Google</button> </form>
[Bring-your-own-ui > Advanced integration > Login > Social sign-in](https://www.ory.sh/docs/kratos/bring-your-own-ui/custom-ui-advanced-integration#login) 3. When the button is clicked, you should use a method to open the authentication URL in a browser. For example, in React Native with Expo, you can use `WebBrowser.openAuthSessionAsync`: javascript WebBrowser.openAuthSessionAsync(url, redirectUrl)
[Social sign-in for native and mobile apps > Implementation](https://www.ory.sh/docs/kratos/social-signin/native-apps#steps-6-12-open-the-identity-provider-authentication-url-in-a-browser) This method will open the Google sign-in prompt in a new browser window or tab, allowing the user to authenticate and grant access to their profile information. Remember to configure the Google social sign-in provider in your Ory project and set up the necessary OAuth 2.0 credentials in the Google Cloud Console, as described in the [Google social sign-in documentation](https://www.ory.sh/docs/kratos/social-signin/google). By following these steps, you can ensure that the Google sign-in prompt opens in a new window when the user clicks the sign-in button during the login process.