# inline-color-picker components
The inline-color-picker component displays a rectangular box on the UI, from where a user clicks to bring up a color picker palette and select colors.
Note: inline-color-picker currently is only used for the "fv--comparison-select-pdf-file-dialog".
# Code examples
The following example shows the basic usage of the inline-color-picker component:
Set the current color displayed on the rectangle by using API:
# API
# inline-color-picker component templates
<inline-color-picker></inline-color-picker>
# Methods
| Methods | Description | Version |
|---|---|---|
setValue(color: number | Color) | Sets the current color value | 8.5.0 |
getValue(): Color | Gets the current color value | 8.5.0 |
# Event
| Name | Description | Example | Version |
|---|---|---|---|
change | Triggered when the user selects a color | inlineColorPicker.on('change', (color) => {}) | 8.5.0 |