@timum/booking 1.8.0 → 1.9.1

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
package/README.md CHANGED
@@ -60,6 +60,9 @@ This documentation guides you through all the customization capabilities.
60
60
 
61
61
  <a name=”in-a-script-tag”></a>
62
62
 
63
+ These are some minimal examples. BookingJs is highly customizable.
64
+ An overview over all configuration options can be found in [Advanced Customisation](#advanced-usage)
65
+
63
66
  ### In a Script Tag
64
67
 
65
68
  Add the following code to your webpage:
@@ -109,6 +112,30 @@ init({ ref: 'booking-widget-demo-resource@timum' });
109
112
 
110
113
  A example project can be found [here](https://stackblitz.com/edit/react-8q6r8b?file=src/index.js)
111
114
 
115
+ ### As React component import
116
+
117
+ 1. Add timum booking to your project with
118
+ `yarn add @timum/booking`
119
+ or use npm with
120
+ `npm install @timum/booking`
121
+ <br>
122
+ 2. Add the following code anywhere in your jsx:
123
+
124
+ ```javascript
125
+ import { TimumBooking } from '@timum/booking';
126
+
127
+ // other code
128
+
129
+ <TimumBooking
130
+ appConfig={{
131
+ ref: 'booking-widget-demo-resource@timum'
132
+ // other options
133
+ }}
134
+ />;
135
+
136
+ // other code
137
+ ```
138
+
112
139
  <a name="entity-referencing"></a>
113
140
 
114
141
  ### Entity Referencing