Appearance
The ChipList provides a predefined set of appearance options.
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 showcases the different sizes in action:
You can also use the chip prop to pass a Chip component and apply the following options:
Chip Fill Mode
Fill modes create a certain look-and-feel of the UI and also signify hierarchy between components of the same type. The Chip allows you to set different fill modes by using the fillMode property.
Chip Border Radius
The Chip provides the rounded property that enables you to control how much border radius will apply to the rendered Chip.
Chip with SVG icons
You can render an SVG icon through the svgIcon property.
Chip with Avatars
The Chip enables you to render an avatar through the avatar property.
Chip with Icons
Font icons can be rendered through the icon property.
Chip Theme Color
The Chip allows you to set different theme colors by using the themeColor property.