Populating Items in .NET MAUI Chips

.NET MAUI Chips can be populated with either business objects and SfChip. This section explain how to populate the chips control with business objects and SfChip.

Populating business objects as items

Business objects can be populated in Chips using the ItemsSource property.
Refer to this documentation to know more details about populating the chips control with list of employee details.

Populating SfChip as items

Chips control also provides support to create and set SfChip as item. It can be achieved using the Items property.

XAML

<ContentPage.Content>
<Grid>
	<chip:SfChipGroup ChipBackground="Violet">
	<chip:SfChipGroup.Items>
			<chip:SfChip Text="Extra Small"/>
			<chip:SfChip Text="Small"/>
			<chip:SfChip Text="Medium"/>
			<chip:SfChip Text="Large"/>
			<chip:SfChip Text="Extra Large"/>
		</chip:SfChipGroup.Items>
	</chip:SfChipGroup>
</Grid>
</ContentPage.Content>

C#

using Syncfusion.Maui.Core;

	Grid grid = new Grid();
	var chipGroup = new SfChipGroup(){Type = SfChipsType.Action};
	grid.Children.Add(chipGroup);
	chipGroup.Items.Add(new SfChip(){Text="Extra Small"});
	chipGroup.Items.Add(new SfChip(){Text="Small"});
	chipGroup.Items.Add(new SfChip(){Text="Medium"});
	chipGroup.Items.Add(new SfChip(){Text="Large"});
	chipGroup.Items.Add(new SfChip(){Text="Extra Large"});
	chipGroup.ChipBackground = Colors.Violet;
	this.Content = grid;