Individual Components Script Dependency

5 Jun 202321 minutes to read

When utilizing Webpack externals, it is important to specify the right script reference order as well as its dependencies. Syncfusion React components each have their own set of dependencies, which may include other Syncfusion packages.

There are two ways to refer to scripts: through CDN links or NPM packages. Refer to the table below to discover the correct CDN script reference sequence and its dependencies for a certain Syncfusion React component. If using NPM packages, replace the CDN link with the local path of the relevant scripts.

Components Scripts
Accordion,
App Bar,
Bread crumb,
Carousel,
Context Menu,
Menu,
Sidebar,
Tab,
Toolbar,
TreeView
  • HTML
  • <script src="https://cdn.syncfusion.com/ej2/21.1.35/ej2-base/dist/ej2-base.min.js"></script>  
    <script src="https://cdn.syncfusion.com/ej2/21.1.35/ej2-data/dist/ej2-data.min.js"></script>  
    <script src="https://cdn.syncfusion.com/ej2/21.1.35/ej2-lists/dist/ej2-lists.min.js"></script>  
    <script src="https://cdn.syncfusion.com/ej2/21.1.35/ej2-buttons/dist/ej2-buttons.min.js"></script>  
    <script src="https://cdn.syncfusion.com/ej2/21.1.35/ej2-popups/dist/ej2-popups.min.js"></script>  
    <script src="https://cdn.syncfusion.com/ej2/21.1.35/ej2-inputs/dist/ej2-inputs.min.js"></script>  
    <script src="https://cdn.syncfusion.com/ej2/21.1.35/ej2-navigations/dist/ej2-navigations.min.js"></script>  
    <script src="https://cdn.syncfusion.com/ej2/21.1.35/ej2-react-base/dist/ej2-react-base.min.js"></script>  
    <script src="https://cdn.syncfusion.com/ej2/21.1.35/ej2-react-navigations/dist/ej2-react-navigations.min.js"></script>
    Accumulation Chart,
    Smith Chart,
    Chart,
    Sparkline,
    Range Navigator,
    Stock Chart,
    Bullet Chart
  • HTML
  • <script src="https://cdn.syncfusion.com/ej2/21.1.35/ej2-base/dist/ej2-base.min.js"></script>  
    <script src="https://cdn.syncfusion.com/ej2/21.1.35/ej2-data/dist/ej2-data.min.js"></script>  
    <script src="https://cdn.syncfusion.com/ej2/21.1.35/ej2-buttons/dist/ej2-buttons.min.js"></script>  
    <script src="https://cdn.syncfusion.com/ej2/21.1.35/ej2-lists/dist/ej2-lists.min.js"></script>  
    <script src="https://cdn.syncfusion.com/ej2/21.1.35/ej2-popups/dist/ej2-popups.min.js"></script>  
    <script src="https://cdn.syncfusion.com/ej2/21.1.35/ej2-splitbuttons/dist/ej2-splitbuttons.min.js"></script>  
    <script src="https://cdn.syncfusion.com/ej2/21.1.35/ej2-navigations/dist/ej2-navigations.min.js"></script>  
    <script src="https://cdn.syncfusion.com/ej2/21.1.35/ej2-calendars/dist/ej2-calendars.min.js"></script>  
    <script src="https://cdn.syncfusion.com/ej2/21.1.35/ej2-file-utils/dist/ej2-file-utils.min.js"></script>  
    <script src="https://cdn.syncfusion.com/ej2/21.1.35/ej2-compression/dist/ej2-compression.min.js"></script> 
    <script src="https://cdn.syncfusion.com/ej2/21.1.35/ej2-pdf-export/dist/ej2-pdf-export.min.js"></script>  
    <script src="https://cdn.syncfusion.com/ej2/21.1.35/ej2-svg-base/dist/ej2-svg-base.min.js"></script>  
    <script src="https://cdn.syncfusion.com/ej2/21.1.35/ej2-charts/dist/ej2-charts.min.js"></script>  
    <script src="https://cdn.syncfusion.com/ej2/21.1.35/ej2-react-base/dist/ej2-react-base.min.js"></script>
    <script src="https://cdn.syncfusion.com/ej2/21.1.35/ej2-react-charts/dist/ej2-react-charts.min.js"></script>
    Auto Complete,
    Combo Box,
    Dropdown List,
    Dropdown Tree,
    ListBox,
    Mention,
    Multiselect
  • HTML
  • <script src="https://cdn.syncfusion.com/ej2/21.1.35/ej2-base/dist/ej2-base.min.js"></script>  
    <script src="https://cdn.syncfusion.com/ej2/21.1.35/ej2-data/dist/ej2-data.min.js"></script>  
    <script src="https://cdn.syncfusion.com/ej2/21.1.35/ej2-buttons/dist/ej2-buttons.min.js"></script>  
    <script src="https://cdn.syncfusion.com/ej2/21.1.35/ej2-lists/dist/ej2-lists.min.js"></script>  
    <script src="https://cdn.syncfusion.com/ej2/21.1.35/ej2-popups/dist/ej2-popups.min.js"></script>  
    <script src="https://cdn.syncfusion.com/ej2/21.1.35/ej2-splitbuttons/dist/ej2-splitbuttons.min.js"></script>  
    <script src="https://cdn.syncfusion.com/ej2/21.1.35/ej2-inputs/dist/ej2-inputs.min.js"></script>  
    <script src="https://cdn.syncfusion.com/ej2/21.1.35/ej2-navigations/dist/ej2-navigations.min.js"></script>  
    <script src="https://cdn.syncfusion.com/ej2/21.1.35/ej2-dropdowns/dist/ej2-dropdowns.min.js"></script>  
    <script src="https://cdn.syncfusion.com/ej2/21.1.35/ej2-react-base/dist/ej2-react-base.min.js"></script> 
    <script src="https://cdn.syncfusion.com/ej2/21.1.35/ej2-react-dropdowns/dist/ej2-react-dropdowns.min.js"></script>
    Barcode
  • HTML
  • <script src="https://cdn.syncfusion.com/ej2/21.1.35/ej2-base/dist/ej2-base.min.js"></script>  
    <script src="https://cdn.syncfusion.com/ej2/21.1.35/ej2-data/dist/ej2-data.min.js"></script>   
    <script src="https://cdn.syncfusion.com/ej2/21.1.35/ej2-barcodegenerator/dist/ej2-barcodegenerator.min.js"></script>  
    <script src="https://cdn.syncfusion.com/ej2/21.1.35/ej2-file-utils/dist/ej2-file-utils.min.js"></script>  
    <script src="https://cdn.syncfusion.com/ej2/21.1.35/ej2-compression/dist/ej2-compression.min.js"></script>
    <script src="https://cdn.syncfusion.com/ej2/21.1.35/ej2-pdf-export/dist/ej2-pdf-export.min.js"></script>   
    <script src="https://cdn.syncfusion.com/ej2/21.1.35/ej2-svg-base/dist/ej2-svg-base.min.js"></script> 
    <script src="https://cdn.syncfusion.com/ej2/21.1.35/ej2-react-base/dist/ej2-react-base.min.js"></script> 
    <script src="https://cdn.syncfusion.com/ej2/21.1.35/ej2-react-barcodegenerator/dist/ej2-react-barcodegenerator.min.js"></script>
    Calendar,
    Date Picker,
    DateRangePicker List,
    DateTimePicker,
    TimePicker
  • HTML
  • <script src="https://cdn.syncfusion.com/ej2/21.1.35/ej2-base/dist/ej2-base.min.js"></script>  
    <script src="https://cdn.syncfusion.com/ej2/21.1.35/ej2-data/dist/ej2-data.min.js"></script>  
    <script src="https://cdn.syncfusion.com/ej2/21.1.35/ej2-buttons/dist/ej2-buttons.min.js"></script>  
    <script src="https://cdn.syncfusion.com/ej2/21.1.35/ej2-lists/dist/ej2-lists.min.js"></script>  
    <script src="https://cdn.syncfusion.com/ej2/21.1.35/ej2-popups/dist/ej2-popups.min.js"></script>  
    <script src="https://cdn.syncfusion.com/ej2/21.1.35/ej2-splitbuttons/dist/ej2-splitbuttons.min.js"></script>  
    <script src="https://cdn.syncfusion.com/ej2/21.1.35/ej2-inputs/dist/ej2-inputs.min.js"></script>  
    <script src="https://cdn.syncfusion.com/ej2/21.1.35/ej2-calendars/dist/ej2-calendars.min.js"></script>  
    <script src="https://cdn.syncfusion.com/ej2/21.1.35/ej2-react-base/dist/ej2-react-base.min.js"></script>  
    <script src="https://cdn.syncfusion.com/ej2/21.1.35/ej2-react-calendars/dist/ej2-react-calendars.min.js"></script>
    Check Box,
    Chips,
    FloatingActionButton,
    Radio Button,
    Speed Dial,
    Switch
  • HTML
  • <script src="https://cdn.syncfusion.com/ej2/21.1.35/ej2-base/dist/ej2-base.min.js"></script>  
    <script src="https://cdn.syncfusion.com/ej2/21.1.35/ej2-buttons/dist/ej2-buttons.min.js"></script>  
    <script src="https://cdn.syncfusion.com/ej2/21.1.35/ej2-react-base/dist/ej2-react-base.min.js"></script>  
    <script src="https://cdn.syncfusion.com/ej2/21.1.35/ej2-react-buttons/dist/ej2-react-buttons.min.js"></script>
    Circular Gauge
  • HTML
  • <script src="https://cdn.syncfusion.com/ej2/21.1.35/ej2-base/dist/ej2-base.min.js"></script>  
    <script src="https://cdn.syncfusion.com/ej2/21.1.35/ej2-file-utils/dist/ej2-file-utils.min.js"></script>  
    <script src="https://cdn.syncfusion.com/ej2/21.1.35/ej2-compression/dist/ej2-compression.min.js"></script> 
    <script src="https://cdn.syncfusion.com/ej2/21.1.35/ej2-pdf-export/dist/ej2-pdf-export.min.js"></script>  
    <script src="https://cdn.syncfusion.com/ej2/21.1.35/ej2-svg-base/dist/ej2-svg-base.min.js"></script>  
    <script src="https://cdn.syncfusion.com/ej2/21.1.35/ej2-circulargauge/dist/ej2-circulargauge.min.js"></script>  
    <script src="https://cdn.syncfusion.com/ej2/21.1.35/ej2-react-base/dist/ej2-react-base.min.js"></script>  
    <script src="https://cdn.syncfusion.com/ej2/21.1.35/ej2-react-circulargauge/dist/ej2-react-circulargauge.min.js"></script>
    Color Picker,
    MaskedTextBox,
    NumericTextBox,
    Range Slider,
    Rating,
    Text Box,
    Uploader
  • HTML
  • <script src="https://cdn.syncfusion.com/ej2/21.1.35/ej2-base/dist/ej2-base.min.js"></script>  
    <script src="https://cdn.syncfusion.com/ej2/21.1.35/ej2-buttons/dist/ej2-buttons.min.js"></script>  
    <script src="https://cdn.syncfusion.com/ej2/21.1.35/ej2-popups/dist/ej2-popups.min.js"></script>   
    <script src="https://cdn.syncfusion.com/ej2/21.1.35/ej2-splitbuttons/dist/ej2-splitbuttons.min.js"></script> 
    <script src="https://cdn.syncfusion.com/ej2/21.1.35/ej2-inputs/dist/ej2-inputs.min.js"></script>  
    <script src="https://cdn.syncfusion.com/ej2/21.1.35/ej2-react-base/dist/ej2-react-base.min.js"></script>  
    <script src="https://cdn.syncfusion.com/ej2/21.1.35/ej2-react-inputs/dist/ej2-react-inputs.min.js"></script>
    Dashboard Layout,
    Splitter
  • HTML
  • <script src="https://cdn.syncfusion.com/ej2/21.1.35/ej2-base/dist/ej2-base.min.js"></script>  
    <script src="https://cdn.syncfusion.com/ej2/21.1.35/ej2-layouts/dist/ej2-layouts.min.js"></script>  
    <script src="https://cdn.syncfusion.com/ej2/21.1.35/ej2-react-base/dist/ej2-react-base.min.js"></script>  
    <script src="https://cdn.syncfusion.com/ej2/21.1.35/ej2-react-layouts/dist/ej2-react-layouts.min.js"></script>
    Dialog,
    Predefined Dialogs,
    Tooltip
  • HTML
  • <script src="https://cdn.syncfusion.com/ej2/21.1.35/ej2-base/dist/ej2-base.min.js"></script>  
    <script src="https://cdn.syncfusion.com/ej2/21.1.35/ej2-buttons/dist/ej2-buttons.min.js"></script>  
    <script src="https://cdn.syncfusion.com/ej2/21.1.35/ej2-popups/dist/ej2-popups.min.js"></script>  
    <script src="https://cdn.syncfusion.com/ej2/21.1.35/ej2-react-base/dist/ej2-react-base.min.js"></script>  
    <script src="https://cdn.syncfusion.com/ej2/21.1.35/ej2-react-popups/dist/ej2-react-popups.min.js"></script>
    Document Editor
  • HTML
  • <script src="https://cdn.syncfusion.com/ej2/21.1.35/ej2-base/dist/ej2-base.min.js"></script>  
    <script src="https://cdn.syncfusion.com/ej2/21.1.35/ej2-data/dist/ej2-data.min.js"></script>  
    <script src="https://cdn.syncfusion.com/ej2/21.1.35/ej2-buttons/dist/ej2-buttons.min.js"></script>  
    <script src="https://cdn.syncfusion.com/ej2/21.1.35/ej2-lists/dist/ej2-lists.min.js"></script>  
    <script src="https://cdn.syncfusion.com/ej2/21.1.35/ej2-popups/dist/ej2-popups.min.js"></script>  
    <script src="https://cdn.syncfusion.com/ej2/21.1.35/ej2-splitbuttons/dist/ej2-splitbuttons.min.js"></script>  
    <script src="https://cdn.syncfusion.com/ej2/21.1.35/ej2-inputs/dist/ej2-inputs.min.js"></script>  
    <script src="https://cdn.syncfusion.com/ej2/21.1.35/ej2-navigations/dist/ej2-navigations.min.js"></script>  
    <script src="https://cdn.syncfusion.com/ej2/21.1.35/ej2-file-utils/dist/ej2-file-utils.min.js"></script>  
    <script src="https://cdn.syncfusion.com/ej2/21.1.35/ej2-compression/dist/ej2-compression.min.js"></script>  
    <script src="https://cdn.syncfusion.com/ej2/21.1.35/ej2-charts/dist/ej2-charts.min.js"></script>  
    <script src="https://cdn.syncfusion.com/ej2/21.1.35/ej2-documenteditor/dist/ej2-documenteditor.min.js"></script>  
    <script src="https://cdn.syncfusion.com/ej2/21.1.35/ej2-react-base/dist/ej2-react-base.min.js"></script>  
    <script src="https://cdn.syncfusion.com/ej2/21.1.35/ej2-react-documenteditor/dist/ej2-react-documenteditor.min.js"></script>
    DropDownButton,
    ProgressButton,
    SplitButton
  • HTML
  • <script src="https://cdn.syncfusion.com/ej2/21.1.35/ej2-base/dist/ej2-base.min.js"></script>  
    <script src="https://cdn.syncfusion.com/ej2/21.1.35/ej2-buttons/dist/ej2-buttons.min.js"></script>  
    <script src="https://cdn.syncfusion.com/ej2/21.1.35/ej2-popups/dist/ej2-popups.min.js"></script>  
    <script src="https://cdn.syncfusion.com/ej2/21.1.35/ej2-splitbuttons/dist/ej2-splitbuttons.min.js"></script>  
    <script src="https://cdn.syncfusion.com/ej2/21.1.35/ej2-react-base/dist/ej2-react-base.min.js"></script>  
    <script src="https://cdn.syncfusion.com/ej2/21.1.35/ej2-react-splitbuttons/dist/ej2-react-splitbuttons.min.js"></script>
    File Manager
  • HTML
  • <script src="https://cdn.syncfusion.com/ej2/21.1.35/ej2-base/dist/ej2-base.min.js"></script>  
    <script src="https://cdn.syncfusion.com/ej2/21.1.35/ej2-buttons/dist/ej2-buttons.min.js"></script>  
    <script src="https://cdn.syncfusion.com/ej2/21.1.35/ej2-lists/dist/ej2-lists.min.js"></script>  
    <script src="https://cdn.syncfusion.com/ej2/21.1.35/ej2-layouts/dist/ej2-layouts.min.js"></script>  
    <script src="https://cdn.syncfusion.com/ej2/21.1.35/ej2-popups/dist/ej2-popups.min.js"></script>   
    <script src="https://cdn.syncfusion.com/ej2/21.1.35/ej2-splitbuttons/dist/ej2-buttons.min.js"></script>  
    <script src="https://cdn.syncfusion.com/ej2/21.1.35/ej2-inputs/dist/ej2-inputs.min.js"></script>  
    <script src="https://cdn.syncfusion.com/ej2/21.1.35/ej2-navigations/dist/ej2-navigations.min.js"></script>  
    <script src="https://cdn.syncfusion.com/ej2/21.1.35/ej2-file-utils/dist/ej2-file-utils.min.js"></script>
    <script src="https://cdn.syncfusion.com/ej2/21.1.35/ej2-compression/dist/ej2-compression.min.js"></script>
    <script src="https://cdn.syncfusion.com/ej2/21.1.35/ej2-excel-export/dist/ej2-excel-export.min.js"></script>
    <script src="https://cdn.syncfusion.com/ej2/21.1.35/ej2-pdf-export/dist/ej2-pdf-export.min.js"></script>
    <script src="https://cdn.syncfusion.com/ej2/21.1.35/ej2-grids/dist/ej2-grids.min.js"></script>  
    <script src="https://cdn.syncfusion.com/ej2/21.1.35/ej2-filemanager/dist/ej2-filemanager.min.js"></script>  
    <script src="https://cdn.syncfusion.com/ej2/21.1.35/ej2-react-base/dist/ej2-react-base.min.js"></script>  
    <script src="https://cdn.syncfusion.com/ej2/21.1.35/ej2-react-filemanager/dist/ej2-react-filemanager.min.js"></script>
    Gantt
  • HTML
  • <script src="https://cdn.syncfusion.com/ej2/21.1.35/ej2-base/dist/ej2-base.min.js"></script>
    <script src="https://cdn.syncfusion.com/ej2/21.1.35/ej2-data/dist/ej2-data.min.js"></script>
    <script src="https://cdn.syncfusion.com/ej2/21.1.35/ej2-file-utils/dist/ej2-file-utils.min.js"></script>
    <script src="https://cdn.syncfusion.com/ej2/21.1.35/ej2-compression/dist/ej2-compression.min.js"></script>
    <script src="https://cdn.syncfusion.com/ej2/21.1.35/ej2-pdf-export/dist/ej2-pdf-export.min.js"></script>
    <script src="https://cdn.syncfusion.com/ej2/21.1.35/ej2-buttons/dist/ej2-buttons.min.js"></script>
    <script src="https://cdn.syncfusion.com/ej2/21.1.35/ej2-lists/dist/ej2-lists.min.js"></script>
    <script src="https://cdn.syncfusion.com/ej2/21.1.35/ej2-popups/dist/ej2-popups.min.js"></script>
    <script src="https://cdn.syncfusion.com/ej2/21.1.35/ej2-splitbuttons/dist/ej2-splitbuttons.min.js"></script>
    <script src="https://cdn.syncfusion.com/ej2/21.1.35/ej2-inputs/dist/ej2-inputs.min.js"></script>
    <script src="https://cdn.syncfusion.com/ej2/21.1.35/ej2-navigations/dist/ej2-navigations.min.js"></script>
    <script src="https://cdn.syncfusion.com/ej2/21.1.35/ej2-dropdowns/dist/ej2-dropdowns.min.js"></script>
    <script src="https://cdn.syncfusion.com/ej2/21.1.35/ej2-calendars/dist/ej2-calendars.min.js"></script>
    <script src="https://cdn.syncfusion.com/ej2/21.1.35/ej2-excel-export/dist/ej2-excel-export.min.js"></script>
    <script src="https://cdn.syncfusion.com/ej2/21.1.35/ej2-grids/dist/ej2-grids.min.js"></script>
    <script src="https://cdn.syncfusion.com/ej2/21.1.35/ej2-treegrid/dist/ej2-treegrid.min.js"></script>
    <script src="https://cdn.syncfusion.com/ej2/21.1.35/ej2-layouts/dist/ej2-layouts.min.js"></script>
    <script src="https://cdn.syncfusion.com/ej2/21.1.35/ej2-filemanager/dist/ej2-filemanager.min.js"></script>
    <script src="https://cdn.syncfusion.com/ej2/21.1.35/ej2-richtexteditor/dist/ej2-richtexteditor.min.js"></script>
    <script src="https://cdn.syncfusion.com/ej2/21.1.35/ej2-gantt/dist/ej2-gantt.min.js"></script>
    <script src="https://cdn.syncfusion.com/ej2/21.1.35/ej2-react-base/dist/ej2-react-base.min.js"></script>
    <script src="https://cdn.syncfusion.com/ej2/21.1.35/ej2-react-gantt/dist/ej2-react-gantt.min.js"></script>
    Grid
  • HTML
  • <script src="https://cdn.syncfusion.com/ej2/21.1.35/ej2-base/dist/ej2-base.min.js"></script>  
    <script src="https://cdn.syncfusion.com/ej2/21.1.35/ej2-data/dist/ej2-data.min.js"></script>  
    <script src="https://cdn.syncfusion.com/ej2/21.1.35/ej2-buttons/dist/ej2-buttons.min.js"></script> 
    <script src="https://cdn.syncfusion.com/ej2/21.1.35/ej2-splitbuttons/dist/ej2-splitbuttons.min.js"></script>  
    <script src="https://cdn.syncfusion.com/ej2/21.1.35/ej2-popups/dist/ej2-popups.min.js"></script>  
    <script src="https://cdn.syncfusion.com/ej2/21.1.35/ej2-navigations/dist/ej2-navigations.min.js"></script>  
    <script src="https://cdn.syncfusion.com/ej2/21.1.35/ej2-inputs/dist/ej2-inputs.min.js"></script>  
    <script src="https://cdn.syncfusion.com/ej2/21.1.35/ej2-dropdowns/dist/ej2-dropdowns.min.js"></script>  
    <script src="https://cdn.syncfusion.com/ej2/21.1.35/ej2-calendars/dist/ej2-calendars.min.js"></script>   
    <script src="https://cdn.syncfusion.com/ej2/21.1.35/ej2-lists/dist/ej2-lists.min.js"></script>   
    <script src="https://cdn.syncfusion.com/ej2/21.1.35/ej2-excel-export/dist/ej2-excel-export.min.js"></script>  
    <script src="https://cdn.syncfusion.com/ej2/21.1.35/ej2-pdf-export/dist/ej2-pdf-export.min.js"></script>  
    <script src="https://cdn.syncfusion.com/ej2/21.1.35/ej2-file-utils/dist/ej2-file-utils.min.js"></script>  
    <script src="https://cdn.syncfusion.com/ej2/21.1.35/ej2-compression/dist/ej2-compression.min.js"></script>  
    <script src="https://cdn.syncfusion.com/ej2/21.1.35/ej2-grids/dist/ej2-grids.min.js"></script>  
    <script src="https://cdn.syncfusion.com/ej2/21.1.35/ej2-react-base/dist/ej2-react-base.min.js"></script>  
    <script src="https://cdn.syncfusion.com/ej2/21.1.35/ej2-react-grids/dist/ej2-react-grids.min.js"></script>
    HeatMap Chart
  • HTML
  • <script src="https://cdn.syncfusion.com/ej2/21.1.35/ej2-base/dist/ej2-base.min.js"></script>  
    <script src="https://cdn.syncfusion.com/ej2/21.1.35/ej2-data/dist/ej2-data.min.js"></script>  
    <script src="https://cdn.syncfusion.com/ej2/21.1.35/ej2-file-utils/dist/ej2-file-utils.min.js"></script>
    <script src="https://cdn.syncfusion.com/ej2/21.1.35/ej2-compression/dist/ej2-compression.min.js"></script>
    <script src="https://cdn.syncfusion.com/ej2/21.1.35/ej2-pdf-export/dist/ej2-pdf-export.min.js"></script>
    <script src="https://cdn.syncfusion.com/ej2/21.1.35/ej2-svg-base/dist/ej2-svg-base.min.js"></script>  
    <script src="https://cdn.syncfusion.com/ej2/21.1.35/ej2-heatmap/dist/ej2-heatmap.min.js"></script>  
    <script src="https://cdn.syncfusion.com/ej2/21.1.35/ej2-react-base/dist/ej2-react-base.min.js"></script>  
    <script src="https://cdn.syncfusion.com/ej2/21.1.35/ej2-react-heatmap/dist/ej2-react-heatmap.min.js"></script>
    Image Editor
  • HTML
  • <script src="https://cdn.syncfusion.com/ej2/21.1.35/ej2-base/dist/ej2-base.min.js"></script>  
    <script src="https://cdn.syncfusion.com/ej2/21.1.35/ej2-data/dist/ej2-data.min.js"></script>
    <script src="https://cdn.syncfusion.com/ej2/21.1.35/ej2-buttons/dist/ej2-buttons.min.js"></script>  
    <script src="https://cdn.syncfusion.com/ej2/21.1.35/ej2-lists/dist/ej2-lists.min.js"></script>  
    <script src="https://cdn.syncfusion.com/ej2/21.1.35/ej2-popups/dist/ej2-popups.min.js"></script>  
    <script src="https://cdn.syncfusion.com/ej2/21.1.35/ej2-splitbuttons/dist/ej2-splitbuttons.min.js"></script>  
    <script src="https://cdn.syncfusion.com/ej2/21.1.35/ej2-inputs/dist/ej2-inputs.min.js"></script>  
    <script src="https://cdn.syncfusion.com/ej2/21.1.35/ej2-navigations/dist/ej2-navigations.min.js"></script>  
    <script src="https://cdn.syncfusion.com/ej2/21.1.35/ej2-react-base/dist/ej2-react-base.min.js"></script>  
    <script src="https://cdn.syncfusion.com/ej2/21.1.35/ej2-react-image-editor/dist/ej2-react-image-editor.min.js"></script>
    InplaceEditor
  • HTML
  • <script src="https://cdn.syncfusion.com/ej2/21.1.35/ej2-base/dist/ej2-base.min.js"></script>  
    <script src="https://cdn.syncfusion.com/ej2/21.1.35/ej2-buttons/dist/ej2-buttons.min.js"></script>  
    <script src="https://cdn.syncfusion.com/ej2/21.1.35/ej2-lists/dist/ej2-lists.min.js"></script>  
    <script src="https://cdn.syncfusion.com/ej2/21.1.35/ej2-calendars/dist/ej2-calendars.min.js"></script>  
    <script src="https://cdn.syncfusion.com/ej2/21.1.35/ej2-data/dist/ej2-data.min.js"></script>  
    <script src="https://cdn.syncfusion.com/ej2/21.1.35/ej2-popups/dist/ej2-popups.min.js"></script>  
    <script src="https://cdn.syncfusion.com/ej2/21.1.35/ej2-dropdowns/dist/ej2-dropdowns.min.js"></script> 
    <script src="https://cdn.syncfusion.com/ej2/21.1.35/ej2-splitbuttons/dist/ej2-splitbuttons.min.js"></script>   
    <script src="https://cdn.syncfusion.com/ej2/21.1.35/ej2-inputs/dist/ej2-inputs.min.js"></script>  
    <script src="https://cdn.syncfusion.com/ej2/21.1.35/ej2-filemanager/dist/ej2-filemanager.min.js"></script>  
    <script src="https://cdn.syncfusion.com/ej2/21.1.35/ej2-navigations/dist/ej2-navigations.min.js"></script>
    <script src="https://cdn.syncfusion.com/ej2/21.1.35/ej2-richtexteditor/dist/ej2-richtexteditor.min.js"></script>  
    <script src="https://cdn.syncfusion.com/ej2/21.1.35/ej2-inplace-editor/dist/ej2-inplace-editor.min.js"></script>  
    <script src="https://cdn.syncfusion.com/ej2/21.1.35/ej2-react-base/dist/ej2-react-base.min.js"></script>  
    <script src="https://cdn.syncfusion.com/ej2/21.1.35/ej2-react-inplace-editor/dist/ej2-react-inplace-editor.min.js"></script>
    Kanban
  • HTML
  • <script src="https://cdn.syncfusion.com/ej2/21.1.35/ej2-base/dist/ej2-base.min.js"></script>  
    <script src="https://cdn.syncfusion.com/ej2/21.1.35/ej2-data/dist/ej2-data.min.js"></script>  
    <script src="https://cdn.syncfusion.com/ej2/21.1.35/ej2-buttons/dist/ej2-buttons.min.js"></script>  
    <script src="https://cdn.syncfusion.com/ej2/21.1.35/ej2-layouts/dist/ej2-layouts.min.js"></script>  
    <script src="https://cdn.syncfusion.com/ej2/21.1.35/ej2-inputs/dist/ej2-inputs.min.js"></script>  
    <script src="https://cdn.syncfusion.com/ej2/21.1.35/ej2-lists/dist/ej2-lists.min.js"></script>  
    <script src="https://cdn.syncfusion.com/ej2/21.1.35/ej2-popups/dist/ej2-popups.min.js"></script>  
    <script src="https://cdn.syncfusion.com/ej2/21.1.35/ej2-navigations/dist/ej2-navigations.min.js"></script>  
    <script src="https://cdn.syncfusion.com/ej2/21.1.35/ej2-dropdowns/dist/ej2-dropdowns.min.js"></script>  
    <script src="https://cdn.syncfusion.com/ej2/21.1.35/ej2-kanban/dist/ej2-kanban.min.js"></script>  
    <script src="https://cdn.syncfusion.com/ej2/21.1.35/ej2-react-base/dist/ej2-react-base.min.js"></script>  
    <script src="https://cdn.syncfusion.com/ej2/21.1.35/ej2-react-kanban/dist/ej2-react-kanban.min.js"></script>
    Linear Gauge
  • HTML
  • <script src="https://cdn.syncfusion.com/ej2/21.1.35/ej2-base/dist/ej2-base.min.js"></script>  
    <script src="https://cdn.syncfusion.com/ej2/21.1.35/ej2-svg-base/dist/ej2-svg-base.min.js"></script>  
    <script src="https://cdn.syncfusion.com/ej2/21.1.35/ej2-file-utils/dist/ej2-file-utils.min.js"></script>
    <script src="https://cdn.syncfusion.com/ej2/21.1.35/ej2-compression/dist/ej2-compression.min.js"></script>
    <script src="https://cdn.syncfusion.com/ej2/21.1.35/ej2-pdf-export/dist/ej2-pdf-export.min.js"></script>  
    <script src="https://cdn.syncfusion.com/ej2/21.1.35/ej2-lineargauge/dist/ej2-lineargauge.min.js"></script>  
    <script src="https://cdn.syncfusion.com/ej2/21.1.35/ej2-react-base/dist/ej2-react-base.min.js"></script>  
    <script src="https://cdn.syncfusion.com/ej2/21.1.35/ej2-react-lineargauge/dist/ej2-react-lineargauge.min.js"></script>
    ListView
  • HTML
  • <script src="https://cdn.syncfusion.com/ej2/21.1.35/ej2-base/dist/ej2-base.min.js"></script>  
    <script src="https://cdn.syncfusion.com/ej2/21.1.35/ej2-data/dist/ej2-data.min.js"></script>  
    <script src="https://cdn.syncfusion.com/ej2/21.1.35/ej2-buttons/dist/ej2-buttons.min.js"></script>  
    <script src="https://cdn.syncfusion.com/ej2/21.1.35/ej2-lists/dist/ej2-lists.min.js"></script>  
    <script src="https://cdn.syncfusion.com/ej2/21.1.35/ej2-react-base/dist/ej2-react-base.min.js"></script>  
    <script src="https://cdn.syncfusion.com/ej2/21.1.35/ej2-react-lists/dist/ej2-react-lists.min.js"></script>
    Maps
  • HTML
  • <script src="https://cdn.syncfusion.com/ej2/21.1.35/ej2-base/dist/ej2-base.min.js"></script>  
    <script src="https://cdn.syncfusion.com/ej2/21.1.35/ej2-data/dist/ej2-data.min.js"></script>  
    <script src="https://cdn.syncfusion.com/ej2/21.1.35/ej2-svg-base/dist/ej2-svg-base.min.js"></script>  
    <script src="https://cdn.syncfusion.com/ej2/21.1.35/ej2-file-utils/dist/ej2-file-utils.min.js"></script>
    <script src="https://cdn.syncfusion.com/ej2/21.1.35/ej2-compression/dist/ej2-compression.min.js"></script>
    <script src="https://cdn.syncfusion.com/ej2/21.1.35/ej2-pdf-export/dist/ej2-pdf-export.min.js"></script>  
    <script src="https://cdn.syncfusion.com/ej2/21.1.35/ej2-maps/dist/ej2-maps.min.js"></script>  
    <script src="https://cdn.syncfusion.com/ej2/21.1.35/ej2-react-base/dist/ej2-react-base.min.js"></script>  
    <script src="https://cdn.syncfusion.com/ej2/21.1.35/ej2-react-maps/dist/ej2-react-maps.min.js"></script>
    Message,
    Skeleton,
    Toast
  • HTML
  • <script src="https://cdn.syncfusion.com/ej2/21.1.35/ej2-base/dist/ej2-base.min.js"></script>  
    <script src="https://cdn.syncfusion.com/ej2/21.1.35/ej2-buttons/dist/ej2-buttons.min.js"></script>  
    <script src="https://cdn.syncfusion.com/ej2/21.1.35/ej2-popups/dist/ej2-popups.min.js"></script>  
    <script src="https://cdn.syncfusion.com/ej2/21.1.35/ej2-notifications/dist/ej2-notifications.min.js"></script>  
    <script src="https://cdn.syncfusion.com/ej2/21.1.35/ej2-react-base/dist/ej2-react-base.min.js"></script>  
    <script src="https://cdn.syncfusion.com/ej2/21.1.35/ej2-react-notifications/dist/ej2-react-notifications.min.js"></script>
    PivotTable
  • HTML
  • <script src="https://cdn.syncfusion.com/ej2/21.1.35/ej2-base/dist/ej2-base.min.js"></script>  
    <script src="https://cdn.syncfusion.com/ej2/21.1.35/ej2-data/dist/ej2-data.min.js"></script>  
    <script src="https://cdn.syncfusion.com/ej2/21.1.35/ej2-buttons/dist/ej2-buttons.min.js"></script>  
    <script src="https://cdn.syncfusion.com/ej2/21.1.35/ej2-lists/dist/ej2-lists.min.js"></script>  
    <script src="https://cdn.syncfusion.com/ej2/21.1.35/ej2-file-utils/dist/ej2-file-utils.min.js"></script>  
    <script src="https://cdn.syncfusion.com/ej2/21.1.35/ej2-compression/dist/ej2-compression.min.js"></script>  
    <script src="https://cdn.syncfusion.com/ej2/21.1.35/ej2-excel-export/dist/ej2-excel-export.min.js"></script>  
    <script src="https://cdn.syncfusion.com/ej2/21.1.35/ej2-inputs/dist/ej2-inputs.min.js"></script>  
    <script src="https://cdn.syncfusion.com/ej2/21.1.35/ej2-popups/dist/ej2-popups.min.js"></script>
    <script src="https://cdn.syncfusion.com/ej2/21.1.35/ej2-calendars/dist/ej2-calendars.min.js"></script>  
    <script src="https://cdn.syncfusion.com/ej2/21.1.35/ej2-svg-base/dist/ej2-svg-base.min.js"></script>  
    <script src="https://cdn.syncfusion.com/ej2/21.1.35/ej2-navigations/dist/ej2-navigations.min.js"></script>  
    <script src="https://cdn.syncfusion.com/ej2/21.1.35/ej2-dropdowns/dist/ej2-dropdowns.min.js"></script>  
    <script src="https://cdn.syncfusion.com/ej2/21.1.35/ej2-compression/dist/ej2-compression.min.js"></script>  
    <script src="https://cdn.syncfusion.com/ej2/21.1.35/ej2-pdf-export/dist/ej2-react-base.min.js"></script>  
    <script src="https://cdn.syncfusion.com/ej2/21.1.35/ej2-grids/dist/ej2-grids.min.js"></script>  
    <script src="https://cdn.syncfusion.com/ej2/21.1.35/ej2-pivotview/dist/ej2-pivotview.min.js"></script>  
    <script src="https://cdn.syncfusion.com/ej2/21.1.35/ej2-react-base/dist/ej2-react-base.min.js"></script>  
    <script src="https://cdn.syncfusion.com/ej2/21.1.35/ej2-react-pivotview/dist/ej2-react-pivotview.min.js"></script>
    ProgressBar
  • HTML
  • <script src="https://cdn.syncfusion.com/ej2/21.1.35/ej2-base/dist/ej2-base.min.js"></script>  
    <script src="https://cdn.syncfusion.com/ej2/21.1.35/ej2-data/dist/ej2-data.min.js"></script>  
    <script src="https://cdn.syncfusion.com/ej2/21.1.35/ej2-svg-base/dist/ej2-svg-base.min.js"></script>  
    <script src="https://cdn.syncfusion.com/ej2/21.1.35/ej2-progressbar/dist/ej2-progressbar.min.js"></script>  
    <script src="https://cdn.syncfusion.com/ej2/21.1.35/ej2-react-base/dist/ej2-react-base.min.js"></script>  
    <script src="https://cdn.syncfusion.com/ej2/21.1.35/ej2-react-progressbar/dist/ej2-react-progressbar.min.js"></script>
    Query Builder
  • HTML
  • <script src="https://cdn.syncfusion.com/ej2/21.1.35/ej2-base/dist/ej2-base.min.js"></script>
    <script src="https://cdn.syncfusion.com/ej2/21.1.35/ej2-data/dist/ej2-data.min.js"></script>
    <script src="https://cdn.syncfusion.com/ej2/21.1.35/ej2-buttons/dist/ej2-buttons.min.js"></script>
    <script src="https://cdn.syncfusion.com/ej2/21.1.35/ej2-lists/dist/ej2-lists.min.js"></script>
    <script src="https://cdn.syncfusion.com/ej2/21.1.35/ej2-popups/dist/ej2-popups.min.js"></script>
    <script src="https://cdn.syncfusion.com/ej2/21.1.35/ej2-splitbuttons/dist/ej2-splitbuttons.min.js"></script>
    <script src="https://cdn.syncfusion.com/ej2/21.1.35/ej2-inputs/dist/ej2-inputs.min.js"></script>
    <script src="https://cdn.syncfusion.com/ej2/21.1.35/ej2-navigations/dist/ej2-navigations.min.js"></script>
    <script src="https://cdn.syncfusion.com/ej2/21.1.35/ej2-dropdowns/dist/ej2-dropdowns.min.js"></script>
    <script src="https://cdn.syncfusion.com/ej2/21.1.35/ej2-calendars/dist/ej2-calendars.min.js"></script>
    <script src="https://cdn.syncfusion.com/ej2/21.1.35/ej2-querybuilder/dist/ej2-querybuilder.min.js"></script>
    <script src="https://cdn.syncfusion.com/ej2/21.1.35/ej2-react-base/dist/ej2-react-base.min.js"></script>
    <script src="https://cdn.syncfusion.com/ej2/21.1.35/ej2-react-querybuilder/dist/ej2-react-querybuilder.min.js"></script>
    Ribbon
  • HTML
  • <script src="https://cdn.syncfusion.com/ej2/21.1.35/ej2-base/dist/ej2-base.min.js"></script>  
    <script src="https://cdn.syncfusion.com/ej2/21.1.35/ej2-data/dist/ej2-data.min.js"></script>  
    <script src="https://cdn.syncfusion.com/ej2/21.1.35/ej2-buttons/dist/ej2-buttons.min.js"></script> 
    <script src="https://cdn.syncfusion.com/ej2/21.1.35/ej2-splitbuttons/dist/ej2-splitbuttons.min.js"></script>  
    <script src="https://cdn.syncfusion.com/ej2/21.1.35/ej2-popups/dist/ej2-popups.min.js"></script>
    <script src="https://cdn.syncfusion.com/ej2/21.1.35/ej2-navigations/dist/ej2-navigations.min.js"></script>
    <script src="https://cdn.syncfusion.com/ej2/21.1.35/ej2-dropdowns/dist/ej2-dropdowns.min.js"></script>
    <script src="https://cdn.syncfusion.com/ej2/21.1.35/ej2-react-base/dist/ej2-react-base.min.js"></script>  
    <script src="https://cdn.syncfusion.com/ej2/21.1.35/ej2-react-ribbon/dist/ej2-react-ribbon.min.js"></script>
    RichTextEditor
  • HTML
  • <script src="https://cdn.syncfusion.com/ej2/21.1.35/ej2-base/dist/ej2-base.min.js"></script>
    <script src="https://cdn.syncfusion.com/ej2/21.1.35/ej2-data/dist/ej2-data.min.js"></script>
    <script src="https://cdn.syncfusion.com/ej2/21.1.35/ej2-buttons/dist/ej2-buttons.min.js"></script>
    <script src="https://cdn.syncfusion.com/ej2/21.1.35/ej2-lists/dist/ej2-lists.min.js"></script>
    <script src="https://cdn.syncfusion.com/ej2/21.1.35/ej2-popups/dist/ej2-popups.min.js"></script>
    <script src="https://cdn.syncfusion.com/ej2/21.1.35/ej2-splitbuttons/dist/ej2-splitbuttons.min.js"></script>
    <script src="https://cdn.syncfusion.com/ej2/21.1.35/ej2-inputs/dist/ej2-inputs.min.js"></script>
    <script src="https://cdn.syncfusion.com/ej2/21.1.35/ej2-navigations/dist/ej2-navigations.min.js"></script>
    <script src="https://cdn.syncfusion.com/ej2/21.1.35/ej2-dropdowns/dist/ej2-dropdowns.min.js"></script>
    <script src="https://cdn.syncfusion.com/ej2/21.1.35/ej2-calendars/dist/ej2-calendars.min.js"></script>
    <script src="https://cdn.syncfusion.com/ej2/21.1.35/ej2-file-utils/dist/ej2-file-utils.min.js"></script>
    <script src="https://cdn.syncfusion.com/ej2/21.1.35/ej2-compression/dist/ej2-compression.min.js"></script>
    <script src="https://cdn.syncfusion.com/ej2/21.1.35/ej2-pdf-export/dist/ej2-pdf-export.min.js"></script>
    <script src="https://cdn.syncfusion.com/ej2/21.1.35/ej2-excel-export/dist/ej2-excel-export.min.js"></script>
    <script src="https://cdn.syncfusion.com/ej2/21.1.35/ej2-grids/dist/ej2-grids.min.js"></script>
    <script src="https://cdn.syncfusion.com/ej2/21.1.35/ej2-layouts/dist/ej2-layouts.min.js"></script>
    <script src="https://cdn.syncfusion.com/ej2/21.1.35/ej2-filemanager/dist/ej2-filemanager.min.js"></script>
    <script src="https://cdn.syncfusion.com/ej2/21.1.35/ej2-richtexteditor/dist/ej2-richtexteditor.min.js"></script>
    <script src="https://cdn.syncfusion.com/ej2/21.1.35/ej2-react-base/dist/ej2-react-base.min.js"></script>
    <script src="https://cdn.syncfusion.com/ej2/21.1.35/ej2-react-richtexteditor/dist/ej2-react-richtexteditor.min.js"></script>
    Schedule
  • HTML
  • <script src="https://cdn.syncfusion.com/ej2/21.1.35/ej2-base/dist/ej2-base.min.js"></script>  
    <script src="https://cdn.syncfusion.com/ej2/21.1.35/ej2-data/dist/ej2-data.min.js"></script>  
    <script src="https://cdn.syncfusion.com/ej2/21.1.35/ej2-buttons/dist/ej2-buttons.min.js"></script>  
    <script src="https://cdn.syncfusion.com/ej2/21.1.35/ej2-lists/dist/ej2-lists.min.js"></script>  
    <script src="https://cdn.syncfusion.com/ej2/21.1.35/ej2-popups/dist/ej2-popups.min.js"></script>  
    <script src="https://cdn.syncfusion.com/ej2/21.1.35/ej2-splitbuttons/dist/ej2-splitbuttons.min.js"></script>  
    <script src="https://cdn.syncfusion.com/ej2/21.1.35/ej2-inputs/dist/ej2-inputs.min.js"></script>  
    <script src="https://cdn.syncfusion.com/ej2/21.1.35/ej2-excel-export/dist/ej2-excel-export.min.js"></script>  
    <script src="https://cdn.syncfusion.com/ej2/21.1.35/ej2-compression/dist/ej2-compression.min.js"></script>  
    <script src="https://cdn.syncfusion.com/ej2/21.1.35/ej2-calendars/dist/ej2-calendars.min.js"></script>  
    <script src="https://cdn.syncfusion.com/ej2/21.1.35/ej2-navigations/dist/ej2-navigations.min.js"></script>  
    <script src="https://cdn.syncfusion.com/ej2/21.1.35/ej2-dropdowns/dist/ej2-dropdowns.min.js"></script>  
    <script src="https://cdn.syncfusion.com/ej2/21.1.35/ej2-schedule/dist/ej2-schedule.min.js"></script>  
    <script src="https://cdn.syncfusion.com/ej2/21.1.35/ej2-react-base/dist/ej2-react-base.min.js"></script>
    <script src="https://cdn.syncfusion.com/ej2/21.1.35/ej2-react-schedule/dist/ej2-react-schedule.min.js"></script>
    Spreadsheet
  • HTML
  • <script src="https://cdn.syncfusion.com/ej2/21.1.35/ej2-base/dist/ej2-base.min.js"></script>  
    <script src="https://cdn.syncfusion.com/ej2/21.1.35/ej2-buttons/dist/ej2-buttons.min.js"></script>  
    <script src="https://cdn.syncfusion.com/ej2/21.1.35/ej2-lists/dist/ej2-lists.min.js"></script>  
    <script src="https://cdn.syncfusion.com/ej2/21.1.35/ej2-popups/dist/ej2-popups.min.js"></script>
    <script src="https://cdn.syncfusion.com/ej2/21.1.35/ej2-splitbuttons/dist/ej2-splitbuttons.min.js"></script>
    <script src="https://cdn.syncfusion.com/ej2/21.1.35/ej2-inputs/dist/ej2-inputs.min.js"></script>
    <script src="https://cdn.syncfusion.com/ej2/21.1.35/ej2-navigations/dist/ej2-navigations.min.js"></script>  
    <script src="https://cdn.syncfusion.com/ej2/21.1.35/ej2-dropdowns/dist/ej2-dropdowns.min.js"></script>  
    <script src="https://cdn.syncfusion.com/ej2/21.1.35/ej2-file-utils/dist/ej2-file-utils.min.js"></script>
    <script src="https://cdn.syncfusion.com/ej2/21.1.35/ej2-compression/dist/ej2-compression.min.js"></script>
    <script src="https://cdn.syncfusion.com/ej2/21.1.35/ej2-pdf-export/dist/ej2-pdf-export.min.js"></script>
    <script src="https://cdn.syncfusion.com/ej2/21.1.35/ej2-charts/dist/ej2-charts.min.js"></script>  
    <script src="https://cdn.syncfusion.com/ej2/21.1.35/ej2-grids/dist/ej2-grids.min.js"></script>  
    <script src="https://cdn.syncfusion.com/ej2/21.1.35/ej2-inputs/dist/ej2-inputs.min.js"></script>  
    <script src="https://cdn.syncfusion.com/ej2/21.1.35/ej2-spreadsheet/dist/ej2-spreadsheet.min.js"></script>  
    <script src="https://cdn.syncfusion.com/ej2/21.1.35/ej2-react-base/dist/ej2-react-base.min.js"></script>  
    <script src="https://cdn.syncfusion.com/ej2/21.1.35/ej2-react-spreadsheet/dist/ej2-react-spreadsheet.min.js"></script>
    TreeMap
  • HTML
  • <script src="https://cdn.syncfusion.com/ej2/21.1.35/ej2-base/dist/ej2-base.min.js"></script>  
    <script src="https://cdn.syncfusion.com/ej2/21.1.35/ej2-data/dist/ej2-data.min.js"></script>  
    <script src="https://cdn.syncfusion.com/ej2/21.1.35/ej2-file-utils/dist/ej2-file-utils.min.js"></script>  
    <script src="https://cdn.syncfusion.com/ej2/21.1.35/ej2-compression/dist/ej2-compression.min.js"></script>  
    <script src="https://cdn.syncfusion.com/ej2/21.1.35/ej2-pdf-export/dist/ej2-pdf-export.min.js"></script>  
    <script src="https://cdn.syncfusion.com/ej2/21.1.35/ej2-svg-base/dist/ej2-svg-base.min.js"></script>
    <script src="https://cdn.syncfusion.com/ej2/21.1.35/ej2-treemap/dist/ej2-treemap.min.js"></script>
    <script src="https://cdn.syncfusion.com/ej2/21.1.35/ej2-react-base/dist/ej2-react-base.min.js"></script>  
    <script src="https://cdn.syncfusion.com/ej2/21.1.35/ej2-react-treemap/dist/ej2-react-treemap.min.js"></script>