Skip to content

Commit 0d7de56

Browse files
author
SivaranjithN
committed
Added ChipCornerRadius API details in the document.
1 parent b670d17 commit 0d7de56

File tree

2 files changed

+44
-1
lines changed

2 files changed

+44
-1
lines changed

maui-toolkit/Chips/Customization.md

Lines changed: 44 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -336,7 +336,7 @@ this.Content = stackLayout;
336336

337337
![SfChip with CornerRadius](images/customization-images/chip_cornerradius_image.png)
338338

339-
N> The default value of CornerRadius 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.
339+
N> The default value of CornerRadius is [`Thickness(8)`].
340340

341341

342342
## FontAttributes
@@ -1248,6 +1248,49 @@ this.Content = stack;
12481248

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

1251+
1252+
## ChipCornerRadius
1253+
1254+
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.
1255+
1256+
{% tabs %}
1257+
1258+
{% highlight xaml %}
1259+
1260+
<ContentPage.BindingContext>
1261+
<local:ViewModel/>
1262+
</ContentPage.BindingContext>
1263+
<ContentPage.Content>
1264+
<StackLayout Margin="10,10,10,10">
1265+
<ChipControl:SfChipGroup ItemsSource="{Binding Employees}"
1266+
DisplayMemberPath="Name"
1267+
ChipCornerRadius="1">
1268+
</ChipControl:SfChipGroup>
1269+
</StackLayout>
1270+
</ContentPage.Content>
1271+
1272+
{% endhighlight %}
1273+
1274+
{% highlight c# %}
1275+
1276+
using Syncfusion.Maui.Toolkit.Chips;
1277+
StackLayout stack = new StackLayout();
1278+
SfChipGroup chipGroup = new SfChipGroup();
1279+
stack.Children.Add(chipGroup);
1280+
this.BindingContext = new ViewModel();
1281+
chipGroup.SetBinding(SfChipGroup.ItemsSourceProperty, "Employees");
1282+
chipGroup.DisplayMemberPath = "Name";
1283+
chipGroup.ChipCornerRadius = 1;
1284+
this.Content = stack;
1285+
1286+
{% endhighlight %}
1287+
1288+
{% endtabs %}
1289+
1290+
![SfChipGroup with ChipCornerRadius](images/customization-images/chipgroup_chipcornerradius_image.png)
1291+
1292+
N> N> The default value of CornerRadius 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.
1293+
12511294
## ChipTextSize
12521295

12531296
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.
4.98 KB
Loading

0 commit comments

Comments
 (0)