FlatColorPickerProps
Represents the props of the Kendo UI for Vue FlatColorPicker component.
Definition
Package:@progress/kendo-vue-inputs
Properties
ariaLabel?
string
Sets the aria-label attribute of the FlatColorPicker.
disabled?
boolean
Disables the FlatColorPicker when you set it to true.
footer?
any
Sets a custom footer template. Accepts a slot name, a render function, or a Vue component.
Configures the ColorGradient that the FlatColorPicker shows.
{ opacity: true }
header?
any
Sets a custom header template. Accepts a slot name, a render function, or a Vue component.
id?
string
Sets the id of the top div element of the FlatColorPicker.
modelRgbaValue?
string
Sets the color value in RGBA format when you use v-model:modelRgbaValue.
The FlatColorPicker emits update:modelRgbaValue when the user applies a color.
modelValue?
string
Sets the color value when you use v-model.
The FlatColorPicker emits update:modelValue when the user applies a color.
onChange?
(event: ColorPickerChangeEvent) => void
Fires each time the user applies a new value. The event name is change.
onViewchange?
(event: FlatColorPickerViewChangeEvent) => void
Fires when the user switches between the gradient and palette views. The event name is viewchange.
Configures the ColorPalette that the FlatColorPicker shows.
{ palette: 'office' }
prevValue?
string
Sets the previous color value that the revert color box shows.
selectedView?
number
Sets the index of the selected view of the FlatColorPicker. The default is 0.
showButtons?
boolean
Renders the action buttons in the footer when you set it to true.
true
showClearButton?
boolean
Renders the clear button in the header when you set it to true.
true
showPreview?
boolean
Renders the preview and revert color boxes in the header when you set it to true.
true
size?
"small" | "medium" | "large"
Configures the size of the FlatColorPicker.
The available options are:
smallmediumlarge
undefined
tabIndex?
number
Sets the tabIndex attribute of the FlatColorPicker.
value?
string
Sets the color value. Use it to control the value.
view?
string
Sets the view of the FlatColorPicker.
'combo'