The FlatColorPicker enables you to configure its views through the
views configuration option. You could display a
palette view or both. By default both views will be rendered, in which case the user can toggle between them by using the view toggle buttons rendered in the header of the component.
The following example demonstrates both FlatColorPicker views in action.
When both the
gradient views are present, the initially active view of the FlatColorPicker can be set through the
activeView property. By default, the
gradient view is rendered as active.
The following example shows how to specify the initially active view.