We're using BrowserStack to make sure these components work on the browsers developers care about.
There are 4 versions of this element:
- author-color-picker.min.js (ES6 Minified for Production)
- author-color-picker.js (ES6 Unminified for Debugging)
- author-color-picker.es5.min.js (ES5 Minified for Production)
- author-color-picker.es5.js (ES5 Unminified for Debugging)
Each version has it's own source map, so it's always possible to trace activity back to a specific code block in the source.
You only need to choose one of these files. If you need to support Internet Explorer, older versions of Chrome/Firefox/Safari, then you likely need the ES5 version.
Via Global CDN
<html>
<head>
<script src="https://cdn.author.io/author-elements/base/1.0.0/author-base.min.js"></script>
<script src="https://cdn.author.io/author-elements/color-picker/x.x.x/author-color-picker.min.js"></script>
</head>
</html>
Via npm
If the base class is not yet installed, install it:
npm install @author.io/element-base -S
Next, install the color-picker module locally:
npm install @author.io/element-color-picker -S
Then include them in your HTML:
<html>
<head>
<script src="./node_modules/@author.io/element-base/dist/author-base.min.js"></script>
<script src="./node_modules/@author.io/element-color-picker/dist/author-color-picker.min.js"></script>
</head>
<body>
</body>
</html>