A `<google-signin>` element looks like this button:

or like this if plus scopes are present

Signin button can vary its appearance:

Width: Height:

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