CDN
thednp edited this page Mar 29, 2022
·
10 revisions
You can use ColorPicker right away thanks to jsDelivr:
Add the style to your site/app <head>:
<link src="https://cdn.jsdelivr.net/npm/@thednp/color-picker/dist/css/color-picker.min.css">Right To Left Languages?
<link src="https://cdn.jsdelivr.net/npm/@thednp/color-picker/dist/css/color-picker.rtl.min.css">Add the one of the scripts to your site/app <head> or end of <body>:
<script src="https://cdn.jsdelivr.net/npm/@thednp/color-picker/dist/js/color-picker.min.js"></script>You may want to use the ESM module?
<script type="module" src="https://cdn.jsdelivr.net/npm/@thednp/color-picker/dist/js/color-picker-esm.min.js"></script>How about the ColorPickerElement custom element?
<script type="module" src="https://cdn.jsdelivr.net/npm/@thednp/color-picker/dist/js/color-picker-element-esm.min.js"></script>Depending on your chosen distribution version, you may need to initialize ColorPicker, so head over to the Usage Guides.