page-color-picker

The page color picker implemented by js only, just create an instance on the required page, Then call the open method when using

Preview

Link: https://songlh.top/page-color-picker/

Usage

Because not uploaded to npm, it needs to be built in packages/page-color-picker

git clone https://github.com/LHRUN/page-color-picker.git
cd page-color-picker
pnpm install
cd packages/page-color-picker
pnpm run build
cp -r dist "<folder>"

and import

import { ColorPicker } from "<folder>/dist/index.js"

Props

name	desc	type	defaultValue
onChange	mouse click callback	(color: string) => void	undefined

Methods

name	desc	type
open	open color picker	() => void

Examples

git clone https://github.com/LHRUN/page-color-picker.git
cd page-color-picker
pnpm install
cd packages/examples
pnpm run dev

File List

├─ packages
│  ├─ examples
│  └─ page-color-picker
│       ├─index.ts // ColorPicker class
│       └─utils
│          ├─constant
│          ├─tools
│          └─types
│
// ...

Document

颜色选择器的纯JS实现