Skip to content

Commit 164a500

Browse files
committed
2 parents 3e5ba15 + b3b41b5 commit 164a500

File tree

1 file changed

+14
-5
lines changed

1 file changed

+14
-5
lines changed

README.md

Lines changed: 14 additions & 5 deletions
Original file line numberDiff line numberDiff line change
@@ -7,7 +7,7 @@ This repository contains the source code for the FirebaseUI for Web project rewr
77
FirebaseUI requires the `firebase` package to be installed:
88

99
```bash
10-
npm intall firebase
10+
npm install firebase
1111
```
1212

1313
Next, follow the installation flow for your framework:
@@ -18,23 +18,26 @@ Next, follow the installation flow for your framework:
1818
```bash
1919
npm install @firebase-ui/react
2020
```
21+
2122
</details>
2223

2324
<details>
2425
<summary>Angular</summary>
2526

26-
FirebaseUI for Angular dependes on the [AngularFire](https://github.com/angular/angularfire) package:
27+
FirebaseUI for Angular depends on the [AngularFire](https://github.com/angular/angularfire) package:
2728

2829
```bash
2930
npm install @firebase-ui/angular @angular/fire
3031
```
31-
</details>
3232

33+
</details>
3334

3435
## Setup
3536

3637
FirebaseUI requires that your Firebase app is setup following the [Getting Started with Firebase](https://firebase.google.com/docs/web/setup) flow for Web:
3738

39+
### Initialization
40+
3841
```ts
3942
import { initializeApp } from 'firebase/app';
4043

@@ -56,7 +59,7 @@ Next, follow the flow for your framework to setup FirebaseUI:
5659
<details>
5760
<summary>React</summary>
5861

59-
FirebaseUI for React requires that your application be wrapped in the `ConfigProvider`, providing the initalized UI configuration. React expects the `FirebaseApp` instance be provided to the `initializeUI` configuration:
62+
FirebaseUI for React requires that your application be wrapped in the `ConfigProvider`, providing the initialized UI configuration. React expects the `FirebaseApp` instance be provided to the `initializeUI` configuration:
6063

6164
```tsx
6265
import { initializeApp } from 'firebase/app';
@@ -74,6 +77,7 @@ Next, follow the flow for your framework to setup FirebaseUI:
7477
</StrictMode>
7578
);
7679
```
80+
7781
</details>
7882

7983
<details>
@@ -97,8 +101,11 @@ Next, follow the flow for your framework to setup FirebaseUI:
97101
...
98102
})
99103
```
104+
100105
</details>
101106

107+
### Styling
108+
102109
Next, import the CSS styles for the FirebaseUI project.
103110

104111
If you are using [TailwindCSS](https://tailwindcss.com/), import the base CSS from the `@firebase-ui/styles` package after your Tailwind import:
@@ -114,7 +121,7 @@ If you are not using Tailwind, import the distributable CSS in your project:
114121
@import "@firebase-ui/styles/dist.css";
115122
```
116123

117-
> To learn more about theming, view the [theming](#theming) section.
124+
To learn more about theming, view the [theming](#theming) section.
118125

119126
## Authentication Components
120127

@@ -150,6 +157,7 @@ Allows users to sign in with an email and password:
150157
);
151158
}
152159
```
160+
153161
</details>
154162

155163
<details>
@@ -180,6 +188,7 @@ Allows users to sign in with an email and password:
180188
})
181189
export class AppComponent { }
182190
```
191+
183192
</details>
184193

185194
## Configuration

0 commit comments

Comments
 (0)