bendc / Color Picker
Licence: mit
Web component color picker
Stars: ✭ 40
Programming Languages
javascript
184084 projects - #8 most used programming language
Usage
Insert the custom element and the library in your document:
<!doctype html>
<title>Example</title>
<color-picker></color-picker>
<script src=color-picker.js></script>
Listen for the color-change
event to get the selected color:
const picker = document.querySelector("color-picker");
picker.addEventListener("color-change", () => {
const { state } = picker;
console.log(state); // => object containing the current rgb, hsb and hex values
});
Please note this component is based on the Shadow DOM v1 spec which might require a polyfill for older browsers.
Note that the project description data, including the texts, logos, images, and/or trademarks,
for each open source project belongs to its rightful owner.
If you wish to add or remove any projects, please contact us at [email protected].