# FlatColorPicker Header Customization

To customize the FlatColorPicker header, use the [`header`](https://www.telerik.com/kendo-vue-ui-develop/components/inputs/api/flatcolorpickerprops#header) property.
To hide the FlatColorPicker header, set the [`showClearButton`](https://www.telerik.com/kendo-vue-ui-develop/components/inputs/api/flatcolorpickerprops#showClearButton) and the [`showPreview`](https://www.telerik.com/kendo-vue-ui-develop/components/inputs/api/flatcolorpickerprops#showPreview) properties to `false`.

The following example demonstrates how to hide the FlatColorPicker header content.

[Demo Source](https://demos.telerik.com/kendo-vue-ui/inputs/flatcolorpicker/customization/header/source.txt)

# FlatColorPicker Footer Customization

To hide the FlatColorPicker footer, set the [`showButtons`](https://www.telerik.com/kendo-vue-ui-develop/components/inputs/api/flatcolorpickerprops#showButtons) property to `false`.

The following example demonstrates how to hide the FlatColorPicker footer content.

[Demo Source](https://demos.telerik.com/kendo-vue-ui/inputs/flatcolorpicker/customization/footer/source.txt)

## Suggested Links

* [API Reference of the FlatColorPicker](https://www.telerik.com/kendo-vue-ui-develop/components/inputs/api/flatcolorpickerprops)