#REACT COLOR PICKER HOW TO#

built with hooks and functional components only (no classes and polyfills for them).has no dependencies (no risks in terms of vulnerabilities, no unexpected bundle size changes).

React-colorful is a simple color picker for those who care about their bundle size and client-side performance. But size is very important for everything that intends to work in a browser. Today each dependency drags more dependencies and increases your projectвЂ™s bundle size uncontrollably.

React-colorful works out-of-the-box for most browsers, regardless of version, and only requires an Object.assign polyfill be provided for full IE11 support. It would be an easier task to list all of the browsers and versions that react-colorful does not support! We regularly test against browser versions going all the way back to 2013 and this includes IE11. This will correct the types and allow you to use react-colorful along with many other React + TS libraries in your Preact + TS application.

#REACT COLOR PICKER HOW TO#

How to use another color model Available pickers Import We provide 12 additional color picker components for different color models, unless your app needs a HEX string as an input/output format. рџ’¬ Accessible: Follows the WAI-ARIA guidelines to support users of assistive technologies.рџ“І Mobile-friendly: Supports mobile devices and touch screens.рџ‘« Cross-browser: Works out-of-the-box for most browsers, regardless of version.рџЌ Simple: The interface is straightforward and easy to use.рџ›Ў Bulletproof: Written in strict TypeScript and has 100% test coverage.рџљЂ Fast: Built with hooks and functional components only.рџЊі Tree-shakeable: Only the parts you use will be imported into your app's bundle.рџ—њ Small: Just 2,8 KB gzipped ( 13x lighter than react-color).React-colorful is a tiny color picker component for React and Preact apps.

React color picker