ChipList Appearance
The ChipList provides a size option that applies to all of its Chips. To set the roundness, fill mode, and theme color, pass a custom Chip through the chip property.
Apart from the default vision of the ChipList, these alternative styling options enable you to configure each individual aspect of the appearance of a ChipList.
The following example demonstrates all the available appearance options of the ChipList in a single, configurable demo.
Size
The Kendo UI for Vue ChipList enables you to configure the size of its Chips by using the size property.
The size option supports the following values:
smallmediumlarge
If you omit the property, the active Kendo theme controls the default appearance.
The following example demonstrates how to define the size of the ChipList.
Chip Roundness
The ChipList lets you apply different roundness to its Chips through the rounded property of the custom Chip.
The rounded option supports the following values:
smallmediumlargefullnone
The following example demonstrates how to define the border radius of the ChipList Chips.
Chip Fill Mode
The ChipList allows you to set different fill modes for its Chips by using the fillMode property of the Chip.
The fillMode option supports the following values:
solidoutline
The following example demonstrates how to define the fill mode of the ChipList Chips.
Chip Theme Color
The ChipList allows you to set different theme colors for its Chips with the themeColor property of the custom Chip.
The themeColor option supports the following values:
baseinfosuccesswarningerror
The following example demonstrates how to define the theme color of the ChipList Chips.