{"repo":"omgovich/react-colorful","free":true,"listed":false,"github":"https://github.com/omgovich/react-colorful","clone":"git clone https://github.com/omgovich/react-colorful.git","description":"🎨 A tiny (2,8 KB) color picker component for React and Preact apps","language":"TypeScript","stars":3546,"topics":["color-picker","color","tiny","react","react-component","hooks","picker","a11y","zero-dependency","typescript-support"],"license":"MIT","category":"ui-components","readme_excerpt":"react-colorful is a tiny color picker component for React and Preact apps. Features - 🗜 Small : Just 3,1 KB gzipped (12x lighter than react-color ). - 🌳 Tree-shakeable : Only the parts you use will be imported into your app's bundle. - 🚀 Fast : Built with hooks and functional components only. - 🛡 Bulletproof : Written in strict TypeScript and has 100% test coverage. - 🗂 Typed : Ships with types included - 😍 Simple : The interface is straightforward and easy to use. - 👫 Cross-browser : Works out-of-the-box for most browsers, regardless of version. - 📲 Mobile-friendly : Supports mobile devices and touch screens. - 💬 Accessible : Follows the WAI-ARIA guidelines to support users of assistive technologies. - 💨 No dependencies Live demos - Website - HEX Color Picker (CodeSandbox) - RGBA Color Picker (CodeSandbox) Table of Contents - Getting Started - Supported Color Models - Customization - How to paste or type a color? - Code Recipes - TypeScript Support - Usage with Preact - Browser Support - Why react-colorful? - Projects using react-colorful - Ports Getting Started Supported props Prop Type Default Description ------------- -------------------- ------- ---------------------------------------------------------------------------- color string or object — The current color value onChange (color) = void — Called on every color change (during dragging, on each key press) onChangeEnd (color) = void — Called when the user finishes changing a color (mouseup, touchend, or keyu","default_branch":null,"files":null,"tree":[],"storefront":"/r/omgovich","claimed":false,"request_supported":{"post":"https://gitbuyer.com/r/omgovich/react-colorful/request-supported","requests":0},"note":"indexed from public GitHub; nothing is for sale on this page. Clone it from GitHub. Paid listings live at /search."}