Geek Answers Handbook

How to enable non-npm design material libraries

How to use material interface on a simple html page without installing it using npm?

is there any way by which I can use a material interface, for example a bootstrap, for example, enable the css library and / or the javascript library and start using examples of codes like these http://material-ui.com/#/components/buttons

+4
source share
2 answers

You can use cdn

Here is an example CDN for ui based bootstrap3:

//cdnjs.cloudflare.com/ajax/libs/bootstrap-material-design/0.1.6/css/material-wfont.css
//cdnjs.cloudflare.com/ajax/libs/bootstrap-material-design/0.1.6/css/material-wfont.min.css
//cdnjs.cloudflare.com/ajax/libs/bootstrap-material-design/0.1.6/css/material.css
//cdnjs.cloudflare.com/ajax/libs/bootstrap-material-design/0.1.6/css/material.min.css
//cdnjs.cloudflare.com/ajax/libs/bootstrap-material-design/0.1.6/css/ripples.css
//cdnjs.cloudflare.com/ajax/libs/bootstrap-material-design/0.1.6/css/ripples.min.css
//cdnjs.cloudflare.com/ajax/libs/bootstrap-material-design/0.1.6/fonts/Material-Design-Icons.eot
//cdnjs.cloudflare.com/ajax/libs/bootstrap-material-design/0.1.6/fonts/Material-Design-Icons.svg
//cdnjs.cloudflare.com/ajax/libs/bootstrap-material-design/0.1.6/fonts/Material-Design-Icons.ttf
//cdnjs.cloudflare.com/ajax/libs/bootstrap-material-design/0.1.6/fonts/Material-Design-Icons.woff
//cdnjs.cloudflare.com/ajax/libs/bootstrap-material-design/0.1.6/js/material.js
//cdnjs.cloudflare.com/ajax/libs/bootstrap-material-design/0.1.6/js/material.min.js
//cdnjs.cloudflare.com/ajax/libs/bootstrap-material-design/0.1.6/js/ripples.js
//cdnjs.cloudflare.com/ajax/libs/bootstrap-material-design/0.1.6/js/ripples.min.js
+1
source

You can use the following CDN URL.

https://cdn.rawgit.com/sam-g-steel/bbb0bd62238db76025bc6e2a3e9d576f/raw/32f8e0a099d463b73d214ffdd77d2b4bc5e53026/material-ui-react.min.js

http://codepen.io/meprasobh/pen/MpvKRE

0

More articles:


All Articles