# Component/ColorPicker

## Props


| Name | Type | Required | Default | Description |
|------|------|----------|---------|-------------|
| `defaultValue` | `string | undefined` | No |  | hex color code (ex: #FFFFFF) |
| `value` | `string | undefined` | No | defaultValue || '' | hex color code (ex: #FFFFFF) |
| `onChange` | `(code: string) => void` | Yes |  |  |
| `disabled` | `boolean | undefined` | No |  |  |
| `size` | `undefined "xsmall" "medium" "xxsmall"` | No | 'medium' |  |
| `layout` | `undefined "preset" "custom"` | No | custom | preset props이 없으면 layout=preset이 적용되지 않습니다. |
| `alpha` | `boolean | undefined` | No |  |  |
| `hueOnly` | `boolean | undefined` | No | false |  |
| `preset` | `PresetType[] | undefined` | No |  |  |
| `resetText` | `string | undefined` | No | 초기화 |  |
| `settingText` | `string | undefined` | No | 상세 설정 |  |
| `zIndex` | `number | undefined` | No | getZIndex('picker') |  |
| `className` | `string | undefined` | No |  |  |
| `openerTriggerEvent` | `undefined "none" "click"` | No | click | 'none'으로 설정할 경우 preset popover가 열리지 않습니다. |
