Appearance

Premium

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.

• Size
• Fill Mode
• Border Radius

Size

The KendoReact ColorPicker enables you to configure its size.

• small
• medium (Default)
• large
• null - Does not set a size className

The following example demonstrates how to set the size of the ColorPicker.

Change Theme

Theme

Loading ...

Fill Mode

The ColorPicker supports the following fillMode options:

• solid (Default)
• outline
• flat
• null - Does not set a className for fillMode

The following example demonstrates how to set the fillMode of the ColorPicker.

Change Theme

Theme

Loading ...

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:

• small
• medium (Default)
• large
• null - Does not set a className for size

The following example demonstrates how to define the border radius of the ColorPicker.

Change Theme

Theme

Loading ...

Suggested Links

• API Reference of the ColorPicker
• ColorPicker size options
• ColorPicker fillMode options
• ColorPicker rounded options
• Creating Custom Styles with ThemeBuilder