Skip to content

Commit 4cf2751

Browse files
Add npm install to create react setup readme
1 parent 2a91a21 commit 4cf2751

File tree

1 file changed

+9
-7
lines changed

1 file changed

+9
-7
lines changed

docs/create-react-app.md

Lines changed: 9 additions & 7 deletions
Original file line numberDiff line numberDiff line change
@@ -4,16 +4,18 @@ The following tasks will help you get started using Design System React within C
44

55
## Getting Started
66

7-
* Create a new app
7+
1. Create a new app
88
* `create-react-app my-react-app`
9-
* Copy SLDS CSS file to `public` folder
9+
1. Install NPM modules
10+
* `npm install @salesforce-ux/design-system @salesforce/design-system-react`
11+
1. Copy SLDS CSS file to `public` folder
1012
* `/node_modules/@salesforce-ux/design-system/assets/styles/salesforce-lightning-design-system.min.css`
11-
* Copy SLDS icons folder to `public` folder
13+
1. Copy SLDS icons folder to `public` folder
1214
* `/node_modules/@salesforce-ux/design-system/assets/icons`
13-
* Add CSS file to `index.html`
15+
1. Add CSS file to `index.html`
1416
* `<link rel="stylesheet" type="text/css" href="/salesforce-lightning-design-system.min.css">`
15-
* Copy examples from [Design System React website](https://react.lightningdesignsystem.com/) into `app.js`.
16-
* Update imports to named imports (CommonJS build) of Design System React.
17+
1. Copy examples from [Design System React website](https://react.lightningdesignsystem.com/) into `app.js`.
18+
1. Update imports to named imports (CommonJS build) of Design System React.
1719
* `import { Button, IconSettings } from '@salesforce/design-system-react';`
18-
* Modify the `iconPath` prop of `IconSettings` to output the correct path to the icons in the public folder.
20+
1. Modify the `iconPath` prop of `IconSettings` to output the correct path to the icons in the public folder.
1921
* `<IconSettings iconPath="/icons">{// doc site examples}</IconSettings>`

0 commit comments

Comments
 (0)