Color Picker

颜色选择器：饱和度/明度面板、色相条、HEX 输入和预设色，支持键盘微调。

#color #picker #hsv

在沙盒中编辑

复制一段给 AI 编程工具的提示词，包含源码、依赖和用法

属性

ColorPickerProps

同时支持以下类型的全部属性： Omit<React.ComponentProps<"div">, "onChange" | "defaultValue">

属性	类型	默认值	说明
defaultValue	`string`	—	—
onValueChange	`(hex: string) => void`	—	—
swatches	`string[]`	`DEFAULT_SWATCHES`	—

安装

$ npx shadcn@latest add https://chromotion.dev/r/color-picker.json

同类组件

Emoji Picker

表单与控件

带分类、搜索、肤色选择和最近使用的表情选择器。

Time Picker

表单与控件

时间选择器：时/分/上下午分段输入，方向键增减、数字直接输入，支持 12/24 小时制。

Multi Select

表单与控件

支持搜索、可删除标签、键盘操作和最大选择数的多选下拉框。