@@ -30,20 +30,20 @@ You can play around with our components by visiting our [Storybook](https://sap.
30
30
31
31
### Package Overview
32
32
33
- #### [ @ui5- webcomponents-react/fiori3 ] ( https://github.com/SAP/ui5-webcomponents-react/tree/master/packages/fiori3 ) - Fiori 3 Components
34
- [ ![ ] ( https://img.shields.io/npm/v/@ui5- webcomponents-react/fiori3 .svg )] ( https://www.npmjs.com/package/@ui5- webcomponents-react/fiori3 )
35
- <!--  -->
36
- <!--  -->
33
+ #### [ @ui5/ webcomponents-react ] ( https://github.com/SAP/ui5-webcomponents-react/tree/master/packages/main ) - Fiori 3 Components
34
+ [ ![ ] ( https://img.shields.io/npm/v/@ui5/ webcomponents-react.svg )] ( https://www.npmjs.com/package/@ui5/ webcomponents-react )
35
+ <!--  -->
36
+ <!--  -->
37
37
38
- #### [ @ui5- webcomponents-react/ charts ] ( https://github.com/SAP/ui5-webcomponents-react/tree/master/packages/charts ) - Fiori Charts
39
- [ ![ ] ( https://img.shields.io/npm/v/@ui5- webcomponents-react/ charts.svg )] ( https://www.npmjs.com/package/@ui5- webcomponents-react/ charts )
40
- <!--  -->
41
- <!--  -->
38
+ #### [ @ui5/ webcomponents-react- charts ] ( https://github.com/SAP/ui5-webcomponents-react/tree/master/packages/charts ) - Fiori Charts
39
+ [ ![ ] ( https://img.shields.io/npm/v/@ui5/ webcomponents-react- charts.svg )] ( https://www.npmjs.com/package/@ui5/ webcomponents-react- charts )
40
+ <!--  -->
41
+ <!--  -->
42
42
43
- #### [ @ui5- webcomponents-react/ base ] ( https://github.com/SAP/ui5-webcomponents-react/tree/master/packages/base ) - Utils
44
- [ ![ ] ( https://img.shields.io/npm/v/@ui5- webcomponents-react/ base.svg )] ( https://www.npmjs.com/package/@ui5- webcomponents-react/ base )
45
- <!--  -->
46
- <!--  -->
43
+ #### [ @ui5/ webcomponents-react- base ] ( https://github.com/SAP/ui5-webcomponents-react/tree/master/packages/base ) - Utils
44
+ [ ![ ] ( https://img.shields.io/npm/v/@ui5/ webcomponents-react- base.svg )] ( https://www.npmjs.com/package/@ui5/ webcomponents-react- base )
45
+ <!--  -->
46
+ <!--  -->
47
47
48
48
49
49
<!-- *********************************************************************** -->
@@ -60,7 +60,7 @@ You can play around with our components by visiting our [Storybook](https://sap.
60
60
61
61
To consume ` ui5-webcomponents-react ` , first you need to install the npm module:
62
62
``` sh
63
- npm install @ui5- webcomponents-react/fiori3 --save
63
+ npm install @ui5/ webcomponents-react --save
64
64
```
65
65
66
66
<!-- *********************************************************************** -->
@@ -71,7 +71,7 @@ npm install @ui5-webcomponents-react/fiori3 --save
71
71
In order to use ` ui5-webcomponents-react ` you have to wrap your application's root component into the ` ThemeProvider ` .<br />
72
72
You will find this component most likely in ` src/App.js ` :
73
73
``` jsx
74
- import { ThemeProvider } from ' @ui5- webcomponents-react/fiori3 /lib/ThemeProvider' ;
74
+ import { ThemeProvider } from ' @ui5/ webcomponents-react/lib/ThemeProvider' ;
75
75
...
76
76
render () {
77
77
return (
@@ -88,7 +88,7 @@ Then, you are ready to use `ui5-webcomponents-react` and you can import the desi
88
88
For example, to use ``` Button ``` you need to import it:
89
89
90
90
``` jsx
91
- import { Button } from ' @ui5- webcomponents-react/fiori3 /lib/Button' ; // loads ui5-button wrapped in a ui5-webcomponents-react component
91
+ import { Button } from ' @ui5/ webcomponents-react/lib/Button' ; // loads ui5-button wrapped in a ui5-webcomponents-react component
92
92
```
93
93
94
94
Then, you can use the Button in your app:
@@ -97,7 +97,7 @@ Then, you can use the Button in your app:
97
97
< Button onPress= {() => alert (' Hello World!' )}> Hello world! < / Button>
98
98
```
99
99
100
- You could import all components also from ` @ui5- webcomponents-react/fiori3 ` directly, but this will have a negative impact on your bundle size.
100
+ You could import all components also from ` @ui5/ webcomponents-react ` directly, but this will have a negative impact on your bundle size.
101
101
102
102
For Browser Support and the configuration of the UI5 Web Components, please take a look at the
103
103
[ Browser Support] ( https://github.com/SAP/ui5-webcomponents#browser-support ) and the
0 commit comments