How to customize a new google signin button?

Viewed 1038

Google recently announced a new way of user-signing-in here.

https://developers.google.com/identity/gsi/web?hl=en

With this tutorial, the button was created by adding HTML code or javascript.

which looks like,

enter image description here

But since the button is all created and rendered in a new Iframe, I can’t customize the button style as I want.

Is there any way to change the button style as it was offered before?

Previously, I used

window.gapi.load('auth2', () => {
    const auth2 = window.gapi.auth2.init(options);
    auth2.attachClickHandler(
      idButtonRef.current,
      {},
      onSuccessCallback,
      onFailCallback,
    );
  });

idButtonRef.current is the button and all I need was just attach the button and eventlistener as the above code shows. So I was able to create the button style as I want.

Is there a way to do this with a new way of google user signing?

0 Answers
Related