A <google-signin> element looks like this button:
Signin button can vary its appearance:
Width:
Theme:
<google-signin-aware> is a companion element.
You can use it inside your components to request additional scopes.
Every signin button will request all the scopes present in the document, and change its appearance to match
For example, here is a signin-aware scope. You can change its scopes via popup
<google-signin-aware
scope=
openid-prompt=
none
login
consent
select_account
offline=
initialized="{{initialized}}"
signedIn="{{signedIn}}"
isAuthorized="{{isAuthorized}}"
needAdditionalAuth:"{{needAdditionalAuth}}">
Every new scope you select will be added to requested scopes.
When you select a Google Plus scope, button will turn red.
User name:{{userName}}
Testing google-signin-aware events: {{status}}
Testing google-signin-offline events: {{offlineCode}}
Only display "not signed in" element after auth state is initialized (avoid flickering): Not signed in!