MaterialChips

Chips are compact elements that represent an input, attribute, or action.
View Material Design documentation

Screenshot

Example

<material3:MaterialChips 
    IsEnabled="true"
    IsSelected="True"
    Text="Option A"
    ToUpper="True"
    TrailingIcon="cancel.png"
    BackgroundColor="LightGray"
    TextColor="Black"
    SelectedBackgroundColor="Red"
    SelectedTextColor="White" />

Documentation

Property Command

Command for MaterialChips when is selected or pressed.

Property CommandParameter:

Command parameter for MaterialChips when is selected or pressed.

Property IsEnabled:

This property is to set the if the MaterialChips control is enabled.

Property IsSelected:

This property is to set the if the MaterialChips control is selected.

Property Padding:

This property is to set the padding by default is 16 and 0 horizontally and vertically respectly.

Property TextMargin:

This property is to set the TextMargin.

Property BorderColor:

This property is to set the border color.

Property LeadingIcon:

This property is to set the leading icon.

Property CustomLeadingIcon:

This property is to set custom leading icon.

Property LeadingIconIsVisible:

This property is to set if the leading icon is visible.

Property TrailingIcon:

This property is to set the trailing icon.

Property CustomTrailingIcon:

This property is to set custom trailing icon.

Property TrailingIconIsVisible:

This property is to set if the trailing icon is visible.

Property Text:

This property is to set the MaterialChips text.

Property TextColor:

This property is to set the text color.

Property SelectedTextColor:

This property is to set the selected text color.

Property DisabledTextColor:

This property is to set the disabled selected text color.

Property DisabledSelectedTextColor:

This property is to set the disabled selected text color.

Property BackgroundColor:

This property is to set the background color.

Property SelectedBackgroundColor:

This property is to set the selected background color.

Property DisabledBackgroundColor:

This property is to set the disabled background color.

Property DisabledSelectedBackgroundColor:

This property is to set the disabled selected background color.

Property FontSize:

This property is to set the text font size.

Property FontFamily:

This property is to set the text font family.

Property CornerRadius:

This property is to set the corner radious.

Property ToUpper:

This property is to set the if you wanna change the text to upper case.

Property Animation:

This property is to set the if you wanna change animation for chips.

Property AnimationParameter:

This property is to set the if you wanna change animation parameter for chips. By default is 0.7.