firebase-loginbutton demo

          
            <firebase-loginbutton></firebase-loginbutton>

          
              <firebase-loginbutton 
                api-key="YOUR-FIREBASE-API-KEY"
                domain="YOUR-FIREBASE-DOMAIN"
                zone="YOUR-FIREBASE-ZONE"
                messaging-sender-id="YOUR-SENDER-ID"
                app-id="YOUR-APP-ID"
                [show-email]
                [show-icon]
                [show-user]
                [show-photo]>      
            </firebase-loginbutton>

            Attributes
            
              api-key (String)
              domain (String)
              zone (String)
              messaging-sender-id (String)
              app-id (String)
              [show-email] (Boolean)
              [show-icon] (Boolean)
              [show-user] (Boolean)
              [show-photo] (Boolean)

              CSS Variables
              
                --btn-primary-color: rgb(204, 204, 204);
                --btn-background-color: rgb(255, 57, 0);
                --btn-secondary-color: black;
                --btn-text-user-color: #FF0;
                --icon-bg-color-singin: #0A0;
                --icon-bg-color-singout: #A00;

Basic firebase-loginbutton Demo

Attributes

CSS Variables

Example 1

Default button

Example 2

Default button. Hidden when login

Example 3

Default style variables. Show icon, photo, email and name

Example 4

Redefined style variables. Show photo, email and name