DevExtreme React - CDN
DevExtreme provides the following files via CDN:
Scripts
- <!-- Production files -->
- <script src="https://cdn3.devexpress.com/jslib/20.1.16/js/dx-diagram.min.js"></script>
- <script src="https://cdn3.devexpress.com/jslib/20.1.16/js/dx-gantt.min.js"></script>
- <script src="https://cdn3.devexpress.com/jslib/20.1.16/js/dx.all.js"></script>
- <script src="https://cdn3.devexpress.com/jslib/20.1.16/js/dx.viz.js"></script>
- <script src="https://cdn3.devexpress.com/jslib/20.1.16/js/dx.web.js"></script>
- <script src="https://cdn3.devexpress.com/jslib/20.1.16/js/dx.viz-web.js"></script>
- <script src="https://cdn3.devexpress.com/jslib/20.1.16/js/dx.aspnet.mvc.js"></script>
- <!-- Development files -->
- <script src="https://cdn3.devexpress.com/jslib/20.1.16/js/dx-diagram.js"></script>
- <script src="https://cdn3.devexpress.com/jslib/20.1.16/js/dx-gantt.js"></script>
- <script src="https://cdn3.devexpress.com/jslib/20.1.16/js/dx.all.debug.js"></script>
- <script src="https://cdn3.devexpress.com/jslib/20.1.16/js/dx.viz.debug.js"></script>
- <script src="https://cdn3.devexpress.com/jslib/20.1.16/js/dx.web.debug.js"></script>
- <script src="https://cdn3.devexpress.com/jslib/20.1.16/js/dx.viz-web.debug.js"></script>
Stylesheets
- <!-- Diagram and Gantt production stylesheets -->
- <link href="https://cdn3.devexpress.com/jslib/20.1.16/css/dx-diagram.min.css" rel="stylesheet">
- <link href="https://cdn3.devexpress.com/jslib/20.1.16/css/dx-gantt.min.css" rel="stylesheet">
- <!-- Diagram and Gantt development stylesheets -->
- <link href="https://cdn3.devexpress.com/jslib/20.1.16/css/dx-diagram.css" rel="stylesheet">
- <link href="https://cdn3.devexpress.com/jslib/20.1.16/css/dx-gantt.css" rel="stylesheet">
- <!-- Common DevExtreme stylesheets -->
- <link href="https://cdn3.devexpress.com/jslib/20.1.16/css/dx.common.css" rel="stylesheet">
- <!-- Theme stylesheets -->
- <!-- Reference only one of these -->
- <link href="https://cdn3.devexpress.com/jslib/20.1.16/css/dx.carmine.compact.css" rel="stylesheet">
- <link href="https://cdn3.devexpress.com/jslib/20.1.16/css/dx.carmine.css" rel="stylesheet">
- <link href="https://cdn3.devexpress.com/jslib/20.1.16/css/dx.contrast.compact.css" rel="stylesheet">
- <link href="https://cdn3.devexpress.com/jslib/20.1.16/css/dx.contrast.css" rel="stylesheet">
- <link href="https://cdn3.devexpress.com/jslib/20.1.16/css/dx.dark.compact.css" rel="stylesheet">
- <link href="https://cdn3.devexpress.com/jslib/20.1.16/css/dx.dark.css" rel="stylesheet">
- <link href="https://cdn3.devexpress.com/jslib/20.1.16/css/dx.darkmoon.compact.css" rel="stylesheet">
- <link href="https://cdn3.devexpress.com/jslib/20.1.16/css/dx.darkmoon.css" rel="stylesheet">
- <link href="https://cdn3.devexpress.com/jslib/20.1.16/css/dx.darkviolet.compact.css" rel="stylesheet">
- <link href="https://cdn3.devexpress.com/jslib/20.1.16/css/dx.darkviolet.css" rel="stylesheet">
- <link href="https://cdn3.devexpress.com/jslib/20.1.16/css/dx.greenmist.compact.css" rel="stylesheet">
- <link href="https://cdn3.devexpress.com/jslib/20.1.16/css/dx.greenmist.css" rel="stylesheet">
- <link href="https://cdn3.devexpress.com/jslib/20.1.16/css/dx.ios7.default.css" rel="stylesheet">
- <link href="https://cdn3.devexpress.com/jslib/20.1.16/css/dx.light.compact.css" rel="stylesheet">
- <link href="https://cdn3.devexpress.com/jslib/20.1.16/css/dx.light.css" rel="stylesheet">
- <link href="https://cdn3.devexpress.com/jslib/20.1.16/css/dx.material.blue.dark.compact.css" rel="stylesheet">
- <link href="https://cdn3.devexpress.com/jslib/20.1.16/css/dx.material.blue.dark.css" rel="stylesheet">
- <link href="https://cdn3.devexpress.com/jslib/20.1.16/css/dx.material.blue.light.compact.css" rel="stylesheet">
- <link href="https://cdn3.devexpress.com/jslib/20.1.16/css/dx.material.blue.light.css" rel="stylesheet">
- <link href="https://cdn3.devexpress.com/jslib/20.1.16/css/dx.material.lime.dark.compact.css" rel="stylesheet">
- <link href="https://cdn3.devexpress.com/jslib/20.1.16/css/dx.material.lime.dark.css" rel="stylesheet">
- <link href="https://cdn3.devexpress.com/jslib/20.1.16/css/dx.material.lime.light.compact.css" rel="stylesheet">
- <link href="https://cdn3.devexpress.com/jslib/20.1.16/css/dx.material.lime.light.css" rel="stylesheet">
- <link href="https://cdn3.devexpress.com/jslib/20.1.16/css/dx.material.orange.dark.compact.css" rel="stylesheet">
- <link href="https://cdn3.devexpress.com/jslib/20.1.16/css/dx.material.orange.dark.css" rel="stylesheet">
- <link href="https://cdn3.devexpress.com/jslib/20.1.16/css/dx.material.orange.light.compact.css" rel="stylesheet">
- <link href="https://cdn3.devexpress.com/jslib/20.1.16/css/dx.material.orange.light.css" rel="stylesheet">
- <link href="https://cdn3.devexpress.com/jslib/20.1.16/css/dx.material.purple.dark.compact.css" rel="stylesheet">
- <link href="https://cdn3.devexpress.com/jslib/20.1.16/css/dx.material.purple.dark.css" rel="stylesheet">
- <link href="https://cdn3.devexpress.com/jslib/20.1.16/css/dx.material.purple.light.compact.css" rel="stylesheet">
- <link href="https://cdn3.devexpress.com/jslib/20.1.16/css/dx.material.purple.light.css" rel="stylesheet">
- <link href="https://cdn3.devexpress.com/jslib/20.1.16/css/dx.material.teal.dark.compact.css" rel="stylesheet">
- <link href="https://cdn3.devexpress.com/jslib/20.1.16/css/dx.material.teal.dark.css" rel="stylesheet">
- <link href="https://cdn3.devexpress.com/jslib/20.1.16/css/dx.material.teal.light.compact.css" rel="stylesheet">
- <link href="https://cdn3.devexpress.com/jslib/20.1.16/css/dx.material.teal.light.css" rel="stylesheet">
- <link href="https://cdn3.devexpress.com/jslib/20.1.16/css/dx.softblue.compact.css" rel="stylesheet">
- <link href="https://cdn3.devexpress.com/jslib/20.1.16/css/dx.softblue.css" rel="stylesheet">
Subresource Integrity Hashes
You can use Subresource Integrity (SRI) hashes to verify DevExtreme files when fetching them from CDN. Each link below contains sha384
and sha512
hashes:
Feel free to share topic-related thoughts here.
If you have technical questions, please create a support ticket in the DevExpress Support Center.
Thank you for the feedback!
If you have technical questions, please create a support ticket in the DevExpress Support Center.