AppearancePremium
The ColorPicker provides a predefined set of appearance options.
Apart from the default vision of the ColorPicker, these alternative styling options enable you to configure each individual aspect of the appearance of a ColorPicker.
The following example demonstrates all the available appearance options of the ColorPicker in a single, configurable demo.
Size
The KendoReact ColorPicker enables you to configure its size.
smallmedium(Default)large
The following example demonstrates how to set the size of the ColorPicker.
Fill Mode
The ColorPicker supports the following fillMode options:
solid(Default)outlineflat
The following example demonstrates how to set the fillMode of the ColorPicker.
Border Radius
The ColorPicker enables you to apply different border radius to the component through the rounded property.
The rounded option supports the following values:
smallmedium(Default)largefullnone- Does not set aclassNamefor size
The following example demonstrates how to define the border radius of the ColorPicker.