Skip to content

Commit 0761f31

Browse files
Merge pull request #237 from Syncfusion-Content/hotfix/hotfix-v28.2.3
DOCINFRA-2341_merged_using_automation
2 parents 8a4bb27 + 0678cce commit 0761f31

File tree

2 files changed

+43
-0
lines changed

2 files changed

+43
-0
lines changed

maui-toolkit/Chips/Customization.md

Lines changed: 43 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -1247,6 +1247,49 @@ this.Content = stack;
12471247

12481248
N> The default value of ChipBorderColor is [`Color.FromArgb("#79747E")`].
12491249

1250+
1251+
## ChipCornerRadius
1252+
1253+
The [ChipCornerRadius](https://help.syncfusion.com/cr/maui/Syncfusion.Maui.Core.SfChipGroup.html#Syncfusion_Maui_Core_SfChipGroup_ChipCornerRadius) property is used to customize the rounded edges of each individual chip in the SfChipGroup, as demonstrated in the following code sample.
1254+
1255+
{% tabs %}
1256+
1257+
{% highlight xaml %}
1258+
1259+
<ContentPage.BindingContext>
1260+
<local:ViewModel/>
1261+
</ContentPage.BindingContext>
1262+
<ContentPage.Content>
1263+
<StackLayout Margin="10,10,10,10">
1264+
<ChipControl:SfChipGroup ItemsSource="{Binding Employees}"
1265+
DisplayMemberPath="Name"
1266+
ChipCornerRadius="20">
1267+
</ChipControl:SfChipGroup>
1268+
</StackLayout>
1269+
</ContentPage.Content>
1270+
1271+
{% endhighlight %}
1272+
1273+
{% highlight c# %}
1274+
1275+
using Syncfusion.Maui.Toolkit.Chips;
1276+
StackLayout stack = new StackLayout();
1277+
SfChipGroup chipGroup = new SfChipGroup();
1278+
stack.Children.Add(chipGroup);
1279+
this.BindingContext = new ViewModel();
1280+
chipGroup.SetBinding(SfChipGroup.ItemsSourceProperty, "Employees");
1281+
chipGroup.DisplayMemberPath = "Name";
1282+
chipGroup.ChipCornerRadius = 20;
1283+
this.Content = stack;
1284+
1285+
{% endhighlight %}
1286+
1287+
{% endtabs %}
1288+
1289+
![SfChipGroup with ChipCornerRadius](images/customization-images/chipgroup_chipcornerradius_image.png)
1290+
1291+
N> The default value of ChipCornerRadius is [`Thickness(8)`]. When using ItemTemplate in SfChipGroup, to modify the corner radius of each chip, set the ChipCornerRadius of the SfChipGroup to avoid extra borders.
1292+
12501293
## ChipTextSize
12511294

12521295
The [ChipTextSize](https://help.syncfusion.com/cr/maui-toolkit/Syncfusion.Maui.Toolkit.Chips.SfChipGroup.html#Syncfusion_Maui_Toolkit_Chips_SfChipGroup_ChipTextSize) property customizes the text size of the SfChipGroup.
5.62 KB
Loading

0 commit comments

Comments
 (0)