@@ -180,7 +180,9 @@ module.exports = {
180
180
181
181
* Add the [React](https://reactjs.org/docs/cdn-links.html) and Syncfusion react Grid CDN references in the ` src/index.html` file. The order of individual Syncfusion control package loading should be in line with its dependency graph. The CDN of the Dependency Packages should be included manually before the intended individual Syncfusion control package CDN.
182
182
183
- ` ` ` html
183
+ {% tabs %}
184
+ {% highlight html tabtitle=" index.html" %}
185
+
184
186
< ! DOCTYPE html>
185
187
< html lang=" en" >
186
188
< head>
@@ -192,33 +194,35 @@ module.exports = {
192
194
< script crossorigin src=" https://unpkg.com/[email protected] /umd/react-dom.production.min.js" ></script>
193
195
194
196
< ! -- Syncfusion React controls styles -->
195
- < link rel=" stylesheet" href=" https://cdn.syncfusion.com/ej2/material.css" />
197
+ < link rel=" stylesheet" href=" https://cdn.syncfusion.com/ej2/27.2.2/ material.css" />
196
198
197
199
< ! -- Syncfusion React controls scripts -->
198
- < script src=" https://cdn.syncfusion.com/ej2/ej2-base/dist/ej2-base.min.js" ></script>
199
- < script src=" https://cdn.syncfusion.com/ej2/ej2-data/dist/ej2-data.min.js" ></script>
200
- < script src=" https://cdn.syncfusion.com/ej2/ej2-buttons/dist/ej2-buttons.min.js" ></script>
201
- < script src=" https://cdn.syncfusion.com/ej2/ej2-splitbuttons/dist/ej2-splitbuttons.min.js" ></script>
202
- < script src=" https://cdn.syncfusion.com/ej2/ej2-popups/dist/ej2-popups.min.js" ></script>
203
- < script src=" https://cdn.syncfusion.com/ej2/ej2-navigations/dist/ej2-navigations.min.js" ></script>
204
- < script src=" https://cdn.syncfusion.com/ej2/ej2-inputs/dist/ej2-inputs.min.js" ></script>
205
- < script src=" https://cdn.syncfusion.com/ej2/ej2-dropdowns/dist/ej2-dropdowns.min.js" ></script>
206
- < script src=" https://cdn.syncfusion.com/ej2/ej2-calendars/dist/ej2-calendars.min.js" ></script>
207
- < script src=" https://cdn.syncfusion.com/ej2/ej2-lists/dist/ej2-lists.min.js" ></script>
208
- < script src=" https://cdn.syncfusion.com/ej2/ej2-excel-export/dist/ej2-excel-export.min.js" ></script>
209
- < script src=" https://cdn.syncfusion.com/ej2/ej2-pdf-export/dist/ej2-pdf-export.min.js" ></script>
210
- < script src=" https://cdn.syncfusion.com/ej2/ej2-file-utils/dist/ej2-file-utils.min.js" ></script>
211
- < script src=" https://cdn.syncfusion.com/ej2/ej2-compression/dist/ej2-compression.min.js" ></script>
212
- < script src=" https://cdn.syncfusion.com/ej2/ej2-grids/dist/ej2-grids.min.js" ></script>
213
- < script src=" https://cdn.syncfusion.com/ej2/ej2-react-base/dist/ej2-react-base.min.js" ></script>
214
- < script src=" https://cdn.syncfusion.com/ej2/ej2-react-grids/dist/ej2-react-grids.min.js" ></script>
200
+ < script src=" https://cdn.syncfusion.com/ej2/27.2.2/ ej2-base/dist/ej2-base.min.js" ></script>
201
+ < script src=" https://cdn.syncfusion.com/ej2/27.2.2/ ej2-data/dist/ej2-data.min.js" ></script>
202
+ < script src=" https://cdn.syncfusion.com/ej2/27.2.2/ ej2-buttons/dist/ej2-buttons.min.js" ></script>
203
+ < script src=" https://cdn.syncfusion.com/ej2/27.2.2/ ej2-splitbuttons/dist/ej2-splitbuttons.min.js" ></script>
204
+ < script src=" https://cdn.syncfusion.com/ej2/27.2.2/ ej2-popups/dist/ej2-popups.min.js" ></script>
205
+ < script src=" https://cdn.syncfusion.com/ej2/27.2.2/ ej2-navigations/dist/ej2-navigations.min.js" ></script>
206
+ < script src=" https://cdn.syncfusion.com/ej2/27.2.2/ ej2-inputs/dist/ej2-inputs.min.js" ></script>
207
+ < script src=" https://cdn.syncfusion.com/ej2/27.2.2/ ej2-dropdowns/dist/ej2-dropdowns.min.js" ></script>
208
+ < script src=" https://cdn.syncfusion.com/ej2/27.2.2/ ej2-calendars/dist/ej2-calendars.min.js" ></script>
209
+ < script src=" https://cdn.syncfusion.com/ej2/27.2.2/ ej2-lists/dist/ej2-lists.min.js" ></script>
210
+ < script src=" https://cdn.syncfusion.com/ej2/27.2.2/ ej2-excel-export/dist/ej2-excel-export.min.js" ></script>
211
+ < script src=" https://cdn.syncfusion.com/ej2/27.2.2/ ej2-pdf-export/dist/ej2-pdf-export.min.js" ></script>
212
+ < script src=" https://cdn.syncfusion.com/ej2/27.2.2/ ej2-file-utils/dist/ej2-file-utils.min.js" ></script>
213
+ < script src=" https://cdn.syncfusion.com/ej2/27.2.2/ ej2-compression/dist/ej2-compression.min.js" ></script>
214
+ < script src=" https://cdn.syncfusion.com/ej2/27.2.2/ ej2-grids/dist/ej2-grids.min.js" ></script>
215
+ < script src=" https://cdn.syncfusion.com/ej2/27.2.2/ ej2-react-base/dist/ej2-react-base.min.js" ></script>
216
+ < script src=" https://cdn.syncfusion.com/ej2/27.2.2/ ej2-react-grids/dist/ej2-react-grids.min.js" ></script>
215
217
< title> Document< /title>
216
218
< /head>
217
219
< body>
218
220
< div id=" root" ></div>
219
221
< /body>
220
222
< /html>
221
- ` ` `
223
+
224
+ {% endhighlight %}
225
+ {% endtabs %}
222
226
223
227
> Refer to the [Script Dependency](../common/script-dependency) section to discover the correct script reference sequence and its dependencies for a certain Syncfusion React component.
224
228
0 commit comments