@@ -180,7 +180,9 @@ module.exports = {
180180
181181* 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.
182182
183- ` ` ` html
183+ {% tabs %}
184+ {% highlight html tabtitle=" index.html" %}
185+
184186< ! DOCTYPE html>
185187< html lang=" en" >
186188< head>
@@ -192,33 +194,35 @@ module.exports = {
192194 < script crossorigin src=" https://unpkg.com/[email protected] /umd/react-dom.production.min.js" ></script> 193195
194196 < ! -- 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" />
196198
197199 < ! -- 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>
215217 < title> Document< /title>
216218< /head>
217219< body>
218220 < div id=" root" ></div>
219221< /body>
220222< /html>
221- ` ` `
223+
224+ {% endhighlight %}
225+ {% endtabs %}
222226
223227> 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.
224228
0 commit comments