Articles in this section

How to customize the corner radius of ChipGroup Items in .NET MAUI?

This article demonstrates how to customize the corner radius of items in the .NET MAUI ChipGroup (SfChipGroup). By setting the ChipCornerRadius, you can customize the rounded edges of items in the ChipGroup.

Set the ChipCornerRadius of SfChipGroup

XAML

 <VerticalStackLayout HorizontalOptions="Center" Margin="5,0,5,0" VerticalOptions="Center" Spacing="30">
            <Label Text="ChipCornerRadius: 0" FontSize="20" FontAttributes="Bold"/>
            <chip:SfChipGroup ChipBackground="#512dcd"
                              ChipTextColor="White"
                              CloseButtonColor="White"
                              ChipCornerRadius="0">
                <chip:SfChipGroup.ItemsSource>
                    <x:Array Type="{x:Type x:String}">
                        <x:String>Rose</x:String>
                        <x:String>Linda</x:String>
                        <x:String>James</x:String>
                        <x:String>John</x:String>
                    </x:Array>
                </chip:SfChipGroup.ItemsSource>
            </chip:SfChipGroup>
            <Label Text="ChipCornerRadius: 15" FontSize="20" FontAttributes="Bold"/>
            <chip:SfChipGroup ChipBackground="#512dcd"
                              ChipTextColor="White"
                              CloseButtonColor="White"
                              ChipCornerRadius="15">
                <chip:SfChipGroup.ItemsSource>
                    <x:Array Type="{x:Type x:String}">
                        <x:String>Rose</x:String>
                        <x:String>Linda</x:String>
                        <x:String>James</x:String>
                        <x:String>John</x:String>
                    </x:Array>
                </chip:SfChipGroup.ItemsSource>
            </chip:SfChipGroup>
 </VerticalStackLayout>

Output

image.png

Conclusion

Hope you enjoyed learning how to customize the corner radius of ChipGroup items in the .NET MAUI.

You can refer to our .NET MAUI ChipGroup’s feature tour page to learn about its other groundbreaking features. Explore our .NET MAUI Chips documentation to understand how to present and manipulate data.

For current customers, you can check out our .NET MAUI components from the License and Downloads page. If you are new to Syncfusion®, you can try our 30-day free trial to check out our .NET MAUI ChipGroup (SfChipGroup) and other .NET MAUI components.

If you have any queries or require clarifications, please let us know in the comments section below. You can also contact us through our support forums, Direct-Trac, or feedback portal. We are always happy to assist you!

Did you find this information helpful?
Yes
No
Help us improve this page
Please provide feedback or comments
Comments (0)
Access denied
Access denied