You signed in with another tab or window. Reload to refresh your session.You signed out in another tab or window. Reload to refresh your session.You switched accounts on another tab or window. Reload to refresh your session.Dismiss alert
Copy file name to clipboardExpand all lines: README.md
+7-7
Original file line number
Diff line number
Diff line change
@@ -33,8 +33,8 @@ In your app:
33
33
There are two similar components that allow you to add FirebaseUI auth to your application: `FirebaseAuth` and `StyledFirebaseAuth`.
34
34
-`FirebaseAuth` has a reference to the FirebaseUI CSS file (it `requires` the CSS).
35
35
-`StyledFirebaseAuth` is bundled with the CSS directly.
36
-
37
-
For simplicity you should use `StyledFirebaseAuth` and for potential better performances and build sizes you can use `FirebaseAuth`. `FirebaseAuth` is meant to be used with a CSS/style loader as part of yor webpack built configuration. See the [Packing your app](#packing-your-app) section.
36
+
37
+
For simplicity you should use `StyledFirebaseAuth` and for potential better performances and build sizes you can use `FirebaseAuth`. `FirebaseAuth` is meant to be used with a CSS/style loader as part of your webpack built configuration. See the [Packing your app](#packing-your-app) section.
38
38
39
39
40
40
### Using `StyledFirebaseAuth` with a redirect
@@ -100,12 +100,12 @@ const config = {
100
100
firebase.initializeApp(config);
101
101
102
102
classSignInScreenextendsReact.Component {
103
-
103
+
104
104
// The component's Local state.
105
105
state = {
106
106
signedIn:false// Local signed-in state.
107
107
};
108
-
108
+
109
109
// Configure FirebaseUI.
110
110
uiConfig = {
111
111
// Popup signin flow rather than redirect flow.
@@ -127,7 +127,7 @@ class SignInScreen extends React.Component {
127
127
(user) =>this.setState({signedIn:!!user})
128
128
);
129
129
}
130
-
130
+
131
131
render() {
132
132
if (!this.state.signedIn) {
133
133
return (
@@ -261,8 +261,8 @@ If you are using CSS modules in your app you need to handle the CSS files in `/n
261
261
}
262
262
```
263
263
264
-
## Styling
265
-
264
+
## Styling
265
+
266
266
To change the styling of the `FirebaseAuth` or the `StyledFirebaseAuth` widget you can override some of its CSS. To do this, import a CSS that will be included in your packed application. For instance create a `firebaseui-styling.global.css` file and import it in your app:
0 commit comments