MaterialChipsGroup

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

Screenshot

Example

<material3:MaterialChipsGroup
    LabelText="Colors *"
    IsMultipleSelection="True"
    SelectedItems="{Binding SelectedColors}"
    ItemsSource="{Binding Colors}"
    ChipsPadding="16,0"
    ChipsHeightRequest="32"
    BackgroundColor="LightGray"
    TextColor="Black"
    SelectedBackgroundColor="Blue"
    SelectedTextColor="White"
    SupportingText="Please select at least 4 colors"
    SupportingTextColor="Red" />

Documentation

Property ToUpper:

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

Property Padding:

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

Property ChipsPadding:

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

Property ChipsMargin:

This property is to set the chips margin by default is 6.

Property ChipsHeightRequest:

This property is to set the chips height by default is 32.

Property ChipsFlexLayoutPercentageBasis:

This property is to set the chips flexlayout percentage basis by default is 0.

Property IsEnabled:

This property is to set if the control is enabled or not.

Property LabelText:

This property is to set if the label text.

Property ItemsSource:

This property is to set the ItemsSource value.

Property SelectedItem:

This property is to set the SelectedItem.

Property SelectedItems:

This property is to set the SelectedItems.

Property SupportingText:

This property is to set the Supporting text.

Property LabelTextColor:

This property is to set the label text color.

Property SupportingTextColor:

This property is to set the supporting text color.

Property LabelSize:

This property is to set the label text size.

Property SupportingSize:

This property is to set the supporting text size.

Property TextColor:

This property is to set the text color of the chips.

Property SelectedTextColor:

This property is to set the text color of the chips when item is selected.

Property DisabledTextColor:

This property is to set the text color of the chips when the control is disabled.

Property DisabledSelectedTextColor:

This property is to set the text color of the chips when item is selected but the control is disabled.

Property BackgroundColor:

This property is to set the background color of the chips.

Property SelectedBackgroundColor:

This property is to set the background color of the chips when the item is selected.

Property DisabledSelectedBackgroundColor:

This property is to set the background color of the chips when the item is selected but the control is disabled.

Property BorderColor:

This property is to set the border color of the chips.

Property FontSize:

This property is to set the font size.

Property FontFamily:

This property is to set the font family.

Property CornerRadius:

This property is to set the chips corner radius.

Property AnimateError:

This property is to set if animate the control when an error happens or not.

Property IsMultipleSelection:

This property is to set if allow multiple selection or not.

Property Animation:

This property is to set the animation.

Property AnimationParameter:

This property is to set the animation parameter.