Skip to content
thednp edited this page Mar 29, 2022 · 10 revisions

You can use ColorPicker right away thanks to jsDelivr:

Style

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">

Script

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>

Initialize

Depending on your chosen distribution version, you may need to initialize ColorPicker, so head over to the Usage Guides.

Clone this wiki locally