ngx-auth-firebaseui - Open Source Library for Angular Web Apps to integrate a material user interface for firebase authentication.
Angular UI component for firebase authentication. This library is an angular module (including angular components and services) that allows to authenticate your users with your firebase project. NgxAuthFirebseUI is compatible with angular material and angular flexLayout.
If you prefer to develop with bootstrap rather than with material design, please check this project @firebaseui/ng-bootstrap
Do you have any question or suggestion ? Please do not hesitate to contact us!
Alternatively, provide a PR | open an appropriate issue here
If you like this project, support ngx-auth-firebaseui by starring ⭐ and sharing it 📢
Overview <ngx-auth-firebaseui-avatar> used to display/edit the data of the current authenticated user in the toolbar see more
- user profile
<ngx-auth-firebaseui-user></ngx-auth-firebaseui-user>| option | bind | type | default | description |
|---|---|---|---|---|
| editMode | Input() |
boolean |
false | whether the use is in edit mode |
| canLogout | Input() |
boolean |
true | whether to render the logout button |
| canDeleteAccount | Input() |
boolean |
true | whether to render the delete account button |
| canEditAccount | Input() |
boolean |
true | whether to render the edit account button |
| appearance | Input() |
MatFormFieldAppearance |
- | the style of the mat-input-form |
| onSignOut | Output() |
void | - | this will be fired when the user signs out |
| onAccountDeleted | Output() |
void | - | this will be fired when the user deletes his account |
| option | bind | type | default | description |
|---|---|---|---|---|
| notLoggedInText | Input() |
string |
You are not logged in! |
see context |
| emailVerifiedText | Input() |
string |
email is verified |
see context |
| emailNotVerifiedText | Input() |
string |
email is not verified |
see context |
| cancelButtonText | Input() |
string |
cancel |
see context |
| saveChangesButtonText | Input() |
string |
Save changes |
see context |
| editButtonText | Input() |
string |
edit |
see context |
| signoutButtonText | Input() |
string |
Sign out |
see context |
| deleteAccountButtonText | Input() |
string |
Delete account |
see context |
| nameText | Input() |
string |
Name |
see context |
| nameErrorRequiredText | Input() |
string |
Name is required |
see context |
| emailText | Input() |
string |
Email |
see context |
| emailErrorRequiredText | Input() |
string |
Email is required |
see context |
| emailErrorPatternText | Input() |
string |
Please enter a valid email address |
see context |
| phoneText | Input() |
string |
Phone number |
see context |
| phoneHintText | Input() |
string |
The phone number is international. Therefore, it should start with a + sign or 00, followed by the country code, - and national number e.g: +49-12345678 or 0041-1234567890 NOTE : the phone number must be a valid phone credential !! |
see context |
| phoneErrorPatternText | Input() |
string |
Please enter a valid phone numbe |
see context |
- @firebaseui/ng-bootstrap
- ngx-linkifyjs
- @angular-material-extensions/components
- @angular-material-extensions/password-strength
- @angular-material-extensions/google-maps-autocomplete
- @angular-material-extensions/pages
- @angular-material-extensions/link-preview
- @angular-material-extensions/contacts
- @angular-material-extensions/faq
- @angular-material-extensions/jumbotron
- angular-material-extensions/freelancer-theme
- @angular-material-extensions/combination-generator
- Drop an email to: Anthony Nahas
- or open an appropriate issue
- let us chat on Gitter
Built by and for developers ❤️ we will help you 👊
This project is supported by jetbrains with 1 ALL PRODUCTS PACK OS LICENSE incl. webstorm
Copyright (c) 2019 Anthony Nahas. Licensed under the MIT License (MIT)