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=
offline=
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}}