Blazor Chips Example - API
This sample demonstrates the most commonly used API functionalities of the Chips component. Select any combination of properties from the property pane to customize the appearance of the Chips.
Janet Leverling
Properties
Avatar |
|
Color |
|
Leading icon |
|
Trailing icon |
|
Outline |
In this sample, the default Chips are rendered with minimal configuration.
The Chips component can be customized further with the combination of Chip properties from the property pane. For example,
- The Leading icon can be customized with avatar initials, icons, and images from the property pane.
- The Color variant can be changed by selecting the color dropdown from the property pane.
- The Leading and Trailing icons can be enabled or disabled by using the leading and trailing icon checkbox from the property pane.
- The Outline Chip can be enabled or disabled by using the outline checkbox from the property pane.