New to KendoReact? Learn about KendoReact Free.

Appearance

Updated on Aug 18, 2026

The Chip provides a predefined set of appearance options.

Apart from the default vision of the Chip, these alternative styling options enable you to configure each individual aspect of the appearance of a Chip.

The following example demonstrates all the available appearance options of the Chip in a single, configurable demo.

Example
View Source
Loading ...

Chip Size

The Chip provides the size property that enables you to control how big or small the rendered Chip will be.

Example
View Source
Loading ...

Chip Fill Mode

The Chip allows you to set different fill modes by using the fillMode property.

Example
View Source
Loading ...

Chip Border Radius

The Chip provides the rounded property that enables you to control how much border radius will apply to the rendered Chip.

Example
View Source
Loading ...

Chip with SVG icons

The Chip enables you to render an SVG icon through the svgIcon property.

Example
View Source
Loading ...

Chip with Avatars

The Chip enables you to render an avatar through the avatar property.

Example
View Source
Loading ...

Chip with Icons

The Chip enables you to render a font icon through the icon property.

Example
View Source
Loading ...

Chip Theme Color

The Chip allows you to set different theme colors by using the themeColor property.

Example
View Source
Loading ...