用于React和Preact的小而快的选色器组件

一组微小的、快速的、可访问的、移动友好的颜色选择器组件，用于React和Preact应用程序。

如何使用它

1.安装并导入拾色器组件。

# Yarn
$ yarn add react-colorful# NPM
$ npm i react-colorful

import {HexColorPicker,HexAlphaColorPicker,RgbColorPicker,RgbaColorPicker,RgbStringColorPicker,RgbaStringColorPicker,HslColorPicker,HslaColorPicker,HslStringColorPicker,HslaStringColorPicker,HsvColorPicker,HsvaColorPicker,HsvStringColorPicker,HsvaStringColorPicker,
} from "react-colorful";

2.将拾色器组件添加到应用程序中。

const YourComponent = () => {const [color, setColor] = useState("#aabbcc");return <HexColorPicker color={color} onChange={setColor} />;
};const YourComponent = () => {const [color, setColor] = useState({ r: 50, g: 100, b: 150 });return <RgbColorPicker color={color} onChange={setColor} />;
};...

最后

最近还整理一份JavaScript与ES的笔记，一共25个重要的知识点，对每个知识点都进行了讲解和分析。能帮你快速掌握JavaScript与ES的相关知识，提升工作效率。

有需要的小伙伴，可以点击下方卡片领取，无偿分享

用于React和Preact的小而快的选色器组件 - react-colorful相关推荐

使用 JSX 构建应用程序比 React 和 Preact 更快
在撰写本文时, React 是最占主导地位的前端 Web 框架,但是,它并非没有问题,例如,膨胀的包大小会降低应用程序的性能. 尽管已经进行了许多尝试以尽量减少这些因素,但新的创新寻求改进已经取得的进 ...
React、Preact还是Inferno？哪个是用于快速应用程序的最佳JS框架
全文共2215字,预计学习时长6分钟图源:unsplash JavaScript中有许多框架,且各有千秋.在过去的几个月中,笔者一直在研究各种JavaScript框架及其差异.本文中,笔者将选择三个 ...
从 React 到 Preact 迁移指南
作者 | 刘凯专注 Web 前端技术,崇尚一目了然的设计. 为什么选 Preact Fast 3kB alternative to React with the same ES6 API. Reac ...
Google 开源的依赖注入库，比 Spring 更小更快！
点击上方"方志朋",选择"设为星标" 回复"666"获取新整理的面试资料来源:GinoBeFunny zhuanlan.zhihu.com ...
Nanachi发布：基于 React 的多端小程序转译框架
web前端教程用大白话,来讲编程自微信小程序出来后,互联网进入一个新的纪元.中国移动互联网再次三巨头切割,三大小程序加上以小米为首的快应用,割据这个大蛋糕. 由于手机的容量有限,每个人不可能装太多 ...
小论快充（原理、协议、比较）
手机快充,PD快充,125W超级快充--想必这些词或多或少都会听过吧. 在电池材质没有取得新突破之前,不断提升的快充技术也是符合当下节奏更快的生活的最佳选择. 但是你真的了解快充吗?快充是不是只需要一 ...
对标小程序 ? 快应用开发入门指南
本文已在我的公众号:hongyangAndroid原创首发: 一.快应用的出现 3月20日,中国通信院等协会联合包括小米.华为.OPPO等手机厂商,共同在北京正式发布名为「快应用」的新型应用形态协议. ...
react 必掌握的小知识
环境搭建 xxx脚手架创建一个基于xxx库的模板项目包含了所有需要的配置(语法检查.jsx编译.devServer-) 下载好了所有相关的依赖可以直接运行一个简单效果 react提供了一个用于 ...
10000+ gif表情包不是梦，get这一篇文就够了！！！小哥哥快到碗里来，再也不怕斗图没有表情包了
10000+ gif表情包不是梦,get这一篇文就够了!!!小哥哥快到碗里来,再也不怕斗图没有表情包了 1. 依赖模块及安装 2. 查找网页规律 3. 源码最近看的爬虫的博客太多,小小的学习了下.主 ...

用于React和Preact的小而快的选色器组件 - react-colorful

如何使用它

最后

用于React和Preact的小而快的选色器组件 - react-colorful相关推荐

最新文章

热门文章