File tree Expand file tree Collapse file tree 1 file changed +9
-7
lines changed Expand file tree Collapse file tree 1 file changed +9
-7
lines changed Original file line number Diff line number Diff line change @@ -4,16 +4,18 @@ The following tasks will help you get started using Design System React within C
4
4
5
5
## Getting Started
6
6
7
- * Create a new app
7
+ 1 . Create a new app
8
8
* ` 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
10
12
* ` /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
12
14
* ` /node_modules/@salesforce-ux/design-system/assets/icons `
13
- * Add CSS file to ` index.html `
15
+ 1 . Add CSS file to ` index.html `
14
16
* ` <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.
17
19
* ` 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.
19
21
* ` <IconSettings iconPath="/icons">{// doc site examples}</IconSettings> `
You can’t perform that action at this time.
0 commit comments