HxChipList

Presents a list of chips as badges.
Usualy being used to present filter-criteria gathered by HxFilterForm.

onetwothree
<HxChipList Chips="@chips" />

@code
{
	private ChipItem[] chips =
	{
		new() { ChipTemplate = GetRenderFragment("one"), Removable = true },
		new() { ChipTemplate = GetRenderFragment("two") },
		new() { ChipTemplate = GetRenderFragment("three") }
	};

	private static RenderFragment GetRenderFragment(string text) => builder =>
	{
		builder.AddContent(1, text);
	};
}

API

Parameters

Name Type Description
Chips IEnumerable<ChipItem> Chips to be presented.
OnChipRemoveClick EventCallback<ChipItem> Called when chip remove button is clicked.

CSS Variables

Name Description Default
--hx-chiplist-chip-margin Margin of the chips. 0.75rem 0.25rem .375rem 0
An unhandled error has occurred. Reload 🗙