メニュー
Element Plus ColorPickerPanel ^(beta) component (el-color-picker-panel) API documentation. Triggers when user wants to use, implement, or asks about el-color-picker-panel or ColorPickerPanel ^(beta) component.
Codex または Claude でインストール この Prompt をコピーして Codex、Claude、または他のアシスタントに貼り付けると、Skill ページを確認してインストールできます。
SOC 職業分類に基づく
Element Plus Affix component (el-affix) API documentation. Triggers when user wants to use, implement, or asks about el-affix or Affix component.
Element Plus Alert component (el-alert) API documentation. Triggers when user wants to use, implement, or asks about el-alert or Alert component.
Element Plus Anchor component (el-anchor) API documentation. Triggers when user wants to use, implement, or asks about el-anchor or Anchor component.
Element Plus Autocomplete component (el-autocomplete) API documentation. Triggers when user wants to use, implement, or asks about el-autocomplete or Autocomplete component.
Element Plus Avatar component (el-avatar) API documentation. Triggers when user wants to use, implement, or asks about el-avatar or Avatar component.
Element Plus Backtop component (el-backtop) API documentation. Triggers when user wants to use, implement, or asks about el-backtop or Backtop component.
| name | element-plus-color-picker-panel |
| description | Element Plus ColorPickerPanel ^(beta) component (el-color-picker-panel) API documentation. Triggers when user wants to use, implement, or asks about el-color-picker-panel or ColorPickerPanel ^(beta) component. |
| Name | Description | Type | Default |
|---|---|---|---|
| model-value / v-model | binding value | ^[string] | — |
| border | whether the color picker panel is bordered | ^[boolean] | true |
| disabled | whether to disable the color picker | ^[boolean] | false |
| show-alpha | whether to display the alpha slider | ^[boolean] | false |
| color-format | color format of v-model | ^[enum]'rgb' | 'prgb' | 'hex' | 'hex3' | 'hex4' | 'hex6' | 'hex8' | 'name' | 'hsl' | 'hsv' | ^[enum]'hex' (when show-alpha is false) | 'rgb' (when show-alpha is true) |
| predefine | predefined color options | ^[array]string[] | — |
| validate-event ^(2.11.7) | whether to trigger form validation | ^[boolean] | true |
| hue-slider-class ^(2.13.6) | class names will be passed to hue-slider | ^[object]string | string[] | Record<string, boolean> | — |
| hue-slider-style ^(2.13.6) | styles will be passed to hue-slider | ^[string] / ^[object]StyleValue | — |
| Name | Description |
|---|---|
| footer | content to append after the Input |
| Name | Description | Type |
|---|---|---|
| color | current color object | ^[object]Color |
| inputRef | custom input ref | ^[object]InputInstance |
| update ^(2.11.4) | update sub components | ^[Function]() => void |
