UNPKG

zent

Version:

一套前端设计语言和基于React的实现

34 lines (26 loc) • 1.9 kB
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
--- title: ColorPicker path: component/colorpicker group: Data Entry --- ## ColorPicker ColorPicker is used for color selection and supports multiple formats. ### API #### ColorPicker | Property | Description | Type | Default | Alternative | | ------------- | ------------------- | ------------------- | ----------- | --------- | | color | The color of ColorPicker | string | | `'#5197FF'` or `'rgba(81, 151, 255, 0.6)'` | | showAlpha | Whether to show opacity selection | bool | `false` | `true/false` | | type | The type of ColorPicker | string | `'default'` | `'default'`、`'simple'` | | presetColors | Simple version of custom color array | array | [`'#FFFFFF'`, `'#F8F8F8'`, `'#F2F2F2'`, `'#999999'`, `'#444444'`, `'#FF4444'`, `'#FF6500'`, `'#FF884D'`, `'#FFCD00'`, `'#3FBD00'`, `'#3FBC87'`, `'#00CD98'`, `'#5197FF'`, `'#BADCFF'`, `'#FFEFB8'`] | | | onChange | The callback function that is triggerd when color is changed | func(color) | `noop` | | | className | The custom classname | string | `''` | | | wrapperClassName | The custom classname of trigger's parent node | string | `''` | | | disabled | Disable the ColorPicker | bool | - | | #### ColorBoard | Property | Description | Type | Default | Alternative | | ------------- | ------------------- | ------------------- | ----------- | --------- | | color | The color of ColorPicker | string | | `'#5197FF'` or `'rgba(81, 151, 255, 0.6)'` | | showAlpha | Whether to show opacity selection | bool | `false` | `true/false` | | onChange | The callback function that is triggerd when color is changed | func(color) | `noop` | | | className | The cutom clasname | string | `''` | |