Simple example, see optional options for more configuration. See Releases for installation instructions regarding to the latest version. Note: The readme is always up-to-date with the latest commit.
Nano uses css-grid thus it won't work in older browsers. If you don't make a selection, it will still copy/paste/cut the whole value. You don't need to have a selection for these actions to work. This project will be archived at the end of 2021!Īfter this there will be no more bug / security fixes or feature requests. Copy paste and cut is added in the 1.1 release. Frameworks such as (p)react, vue and svelte will make it a breeze to develop such things within a day. An advanced, fast and small (45.4KB, 19.5KB gZip) JavaScript (framework independent) color picker (color chooser) that uses only one javaScript (x.min.js) file, so no extra HTML, CSS, images, etc.
Personally I recommend building these UI-Related "widgets" directly into the app with the framework you're using which takes more time but in return gives you full power of how it should work and look like. The reason behind this decision is the way this tool has been build (monolithic, the core is one single file, everything is in plain JS etc.) which makes it incredible hard to maintain, tests become impossible at this stage without a complete rewrite, and the fun is gone at such a level of cramped complexity. This is an interesting tool for artists because it gives them options that they might not have considered. The user can do so by clicking on the desired hue and then clicking at its point on a 360-degree line of all available hues. This project might continue to get important security- and bug-related updates but its feature set is frozen, and it's highly unlikely that it'll get new features or enhancements. The color wheel picker does just what its name suggests it allows the user to choose a color from the circle. Learn more about Bootstrap Color Picker here. This component is also available as ready-to-use solution in MDB UI Kit. Supports alpha channel, rgba, hsla, hsva and more - GitHub - Simonwep/pickr: Flat, simple, multi-themed, responsive and hackable Color-Picker library. Get 700+ Material components for the latest Bootstrap 5 for free.