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
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!