MatChip

Chips are compact elements that allow users to enter information, select a choice, filter content, or trigger an action.

Name Type Description
Attributes Dictionary<String,Object> Gets or sets a collection of additional attributes that will be applied to the created element.
Class String Specifies one or more classnames for an DOM element.
Id String
IsCheckable Boolean Checkable chips show a check-mark when selected
IsSelected Boolean Reflects the selection state of a choice- or filter-chip (parent chipset has either Choice or Filter set to true).

When you set this in markup, it pre-selects the chip.
IsSelectedChanged EventCallback<Boolean> Allows two-way binding of IsSelected
Label String The chip's text.
LeadingIcon String Optional icon, displayed before the label.
RefBack ForwardRef
Style String Specifies an inline style for an DOM element.
TrailingIcon String A trailing icon comes with the functionality to remove the chip from the set, so the natural value for this would be "clear".
TrailingIconClick EventCallback<MatChip>
Value Object A user-defined value assigned to the chip.
Ref ElementReference Returned ElementRef reference for DOM element.
MatChipSet
Name Type Description
Attributes Dictionary<String,Object> Gets or sets a collection of additional attributes that will be applied to the created element.
ChildContent RenderFragment Child content of MatChipSet
Choice Boolean Allows single selection from a set of options. If combined with Filter the selected value can be unselected.
Class String Specifies one or more classnames for an DOM element.
Filter Boolean Enables multiple-choice selection from the set of chips. Chips must be "Checkable" for this to work.
Id String
RefBack ForwardRef
SelectedChip MatChip
SelectedChipChanged EventCallback<MatChip>
SelectedChips MatChip[]
SelectedChipsChanged EventCallback<MatChip[]>
Style String Specifies an inline style for an DOM element.
Ref ElementReference Returned ElementRef reference for DOM element.
Example

Normal ChipSet

Plain
favorite
LeadingIcon
TrailingIcon
favorite

Choice ChipSet

Male
Female
Rather not say

Your choice:

Filter ChipSet

Wedges
Fries
Baby carrots
Roasted veggies
Salad
Cheese

You selected:

Adding Removable Chips

If you like MatBlazor, please put a star on GitHub.