Skip to content

Commit b87ee9a

Browse files
authored
Update use-fabric-react-components.md
1 parent ad72920 commit b87ee9a

File tree

1 file changed

+13
-2
lines changed

1 file changed

+13
-2
lines changed

docs/spfx/web-parts/get-started/use-fabric-react-components.md

Lines changed: 13 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -67,7 +67,18 @@ You can also follow these steps by watching this video on the SharePoint PnP You
6767

6868
You now have a web part project with the React framework.
6969

70-
8. Open **DocumentCardExampleWebPart.ts** from the **src\webparts\documentCardExample** folder.
70+
8. Open **package.json** from the root folder
71+
72+
You will need to add a reference to the office-ui-fabric-react package. In the dependencies section, add the following line:
73+
74+
```
75+
"office-ui-fabric-react": "6.143.0",
76+
```
77+
78+
run `npm install`
79+
restart VS code.
80+
81+
9. Open **DocumentCardExampleWebPart.ts** from the **src\webparts\documentCardExample** folder.
7182

7283
As you can see, the `render` method creates a react element and renders it in the web part DOM.
7384

@@ -81,7 +92,7 @@ You can also follow these steps by watching this video on the SharePoint PnP You
8192
);
8293
```
8394
84-
9. Open **DocumentCardExample.tsx** from the **src\webparts\documentCardExample\components** folder.
95+
10. Open **DocumentCardExample.tsx** from the **src\webparts\documentCardExample\components** folder.
8596
8697
This is the main react component that Yeoman added to your project that renders in the web part DOM.
8798

0 commit comments

Comments
 (0)