• Introduction
  • Getting Started
  • Vue 2 End of Support
  • Native Components
    • Animation
    • Buttons
    • Chartsupdated
    • Conversational UInew
    • Data Query
    • Data Tools
    • Date Inputs
    • Date Math
    • Dialogs
    • Drawing
    • Dropdownsupdated
    • Editor
    • Excel Export
    • File Saver
    • Form
    • Gauges
    • Grid
    • Icons
    • Indicators
    • Inputs
    • Labels
    • Layoutupdated
    • ListBox
    • ListView
    • Notification
    • PDF Processing
    • Popup
    • Progress Bars
    • Scheduler
    • ScrollView
    • Tooltip
    • TreeList
    • TreeView
    • Upload
  • Wrapper Components
  • Sample Applications
  • Styling & Themes
  • Common Features
  • Project Setup
  • Knowledge Base
  • Changelog
  • FAQ
  • Troubleshooting
Components / Inputs / API / FlatColorPickerProps / 
New to Kendo UI for Vue? Start a free 30-day trial

FlatColorPickerProps

Represents the properties of [FlatColorPicker](% slug api_inputs_flatcolorpickerprops %) component.

NameTypeDefaultDescription

disabled?

boolean

Determines whether the FlatColorPicker is disabled.

footer?

any

Sets custom footer component.

gradientSettings?

ColorGradientProps

Configures the ColorGradient that is displayed in the ColorPicker popup.

header?

any

Sets custom header component.

id?

string

Sets the id property of the top div element of the FlatColorPicker.

modelRgbaValue?

string

The model rgba value of the FlatColorPicker.

modelValue?

string

Sets the color model value.

onChange?

(event: ColorPickerChangeEvent) => void

The event handler that will be fired when the user edits the value.

onViewchange?

(event: FlatColorPickerViewChangeEvent) => void

The event handler that will be fired when the view is changed.

paletteSettings?

ColorPickerPaletteSettings

Configures the ColorPalette that is displayed in the ColorPicker popup.

prevValue?

string

Sets the previous color value.

selectedView?

number

Sets the FlatColorPicker selected view index. The default is 0.

showButtons?

boolean

Specifies whether action buttons will be rendered in the footer.

showClearButton?

boolean

Specifies whether clear button will be rendered in the header.

showPreview?

boolean

Specifies whether preview and revert color boxes will be rendered in the header.

tabIndex?

number

Sets the tabIndex property of the FlatColorPicker.

value?

string

Sets the color value.

view?

string

Sets the FlatColorPicker view. The default is combo.

In this article

Not finding the help you need?

Contact Support