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-register> standalone registration component to create new accounts see more
<ngx-auth-firebaseui-register></ngx-auth-firebaseui-register>| option | bind | type | default | description |
|---|---|---|---|---|
| logoUrl | Input() |
string |
- | choose the source of an image url to display it as a logo |
| appearance | Input() |
MatFormFieldAppearance |
standard |
the appearance of the mat-form-field #'legacy' |
| tosUrl | Input() |
string |
- | the url of term of services |
| privacyPolicyUrl | Input() |
string |
- | the url of the private privacy |
| messageOnAuthSuccess | Input() |
string |
see the code -> | the message of the snackbar when the authentication process was successful |
| messageOnAuthError | Input() |
string |
see the code -> | the message of the snackbar when the authentication process has failed |
| onSuccess | Output() |
any |
- | this will be fired when an authentication process was success. The authenticated user is emitted! |
| onError | Output() |
any |
- | this event will be fired when an error occurred during the authentication process! An error message is emitted! |
| onLoginRequested | Output() |
void |
- | this event will be fired when the user request to login instead of sign up |
| onCreateAccountButtonClicked | Output() |
void |
- | this event will be fired when the user clicks on the create account button |
| option | bind | type | default | description |
|---|---|---|---|---|
| titleText | Input() |
string |
CREATE AN ACCOUNT |
see context |
| termsAndConditionsText | Input() |
string |
I read and accept the |
see context |
| termsAndConditionsLinkText | Input() |
string |
terms and conditions |
see context |
| privacyPolicyText | Input() |
string |
I read and accept the |
see context |
| privacyPolicyLinkText | Input() |
string |
privacy policy |
see context |
| createAccountButtonText | Input() |
string |
CREATE AN ACCOUNT |
see context |
| alreadyHaveAccountText | Input() |
string |
Already have an account? |
see context |
| loginButtonText | Input() |
string |
LOGIN |
see context |
| nameText | Input() |
string |
Name |
see context |
| nameErrorRequiredText | Input() |
string |
`` | 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 |
| passwordText | Input() |
string |
Password |
see context |
| passwordErrorRequiredText | Input() |
string |
Password is required |
see context |
| passwordConfirmationText | Input() |
string |
Password Confirmation |
see context |
| passwordConfirmationErrorRequiredText | Input() |
string |
Password confirmation is required |
see context |
| passwordErrorMatchText | Input() |
string |
Password must match |
see context |
| passwordErrorMinLengthText | Input() |
string |
The password is too short! |
see context |
| passwordErrorMaxLengthText | Input() |
string |
The password is too long! |
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)