FlatColorPickerProps

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

Name	Type	Default	Description
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.
size?	"small" | "medium" | "large"	medium	Configures the size of the FlatColorPicker. The available options are: small medium large null—This option removes the the built-in size styles of the FlatColorPicker. Allows for custom padding.
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.