跳到主要内容

ColorPicker 颜色选择器

通过颜色面板选择颜色

示例

import { Header, ScrollView, TopView, GroupList, ColorPicker } from '@/duxuiExample'

export default function ColorPickerExample() {
return <TopView>
<Header title='ColorPicker' />
<ScrollView>
<GroupList>
<GroupList.Item title='颜色选择'>
<ColorPicker preview className='p-2 bg-white r-2 self-start' />
</GroupList.Item>
</GroupList>
</ScrollView>
</TopView>
}

Props

继承自Column Props

onChange

值变化回调函数

类型必填默认值
(value: string) => void

size

颜色选择器的尺寸

类型必填默认值
number200

preview

开启颜色预览

类型必填默认值
boolean | rgb | hex