pzone-firebase-login v0.1.0

Images :

Step 1 : Install Pzone Firebase Login to your Project npm i pzone-firebase-login

Step 2 : Import PzoneFirebaseLoginModule in your AppModule.

For Example : 

import { PzoneFirebaseLoginModule } from 'node_modules/pzone-firebase-login';

imports: [
    PzoneFirebaseLoginModule.forRoot(),
 ]

Step 3 : You have to initilize Firebase in Youre Entery Component Like AppAppComponent.

For Example : 

constructor() {
    PzoneFirebaseLoginService.initFirebase(this.firebaseConfig);
    PzoneFirebaseLoginService.firebaseAuth().onAuthStateChanged(user => {
    console.log(' component user ', user);
 })
}

Step 4 : Add ' @import "~bootstrap/dist/css/bootstrap.css" ' in styles.css

Step 5 : now you can use this component using following selector:

    <pzone-FirebaseLogin [loginType]="type"></pzone-FirebaseLogin>

Step 6 :You need to define type variable in ts file .

    Possible value for LoginType = ['EMAIL_PASSWORD', 'FACEBOOK', 'GMAIL', 'TWITTER', 'GITHUB', 'SIGN_OUT']

    You can reduse the button by remove them from array.