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.