UWPChipsX 1.0.3

A control library that can be added to any UWP project. There is a single control that allows the developer to add a chips functionality to their UWP application.

Install-Package UWPChipsX -Version 1.0.3
dotnet add package UWPChipsX --version 1.0.3
<PackageReference Include="UWPChipsX" Version="1.0.3" />
For projects that support PackageReference, copy this XML node into the project file to reference the package.
paket add UWPChipsX --version 1.0.3
The NuGet Team does not provide support for this client. Please contact its maintainers for support.

UWP Chips Control

NuGet

ChipControl
ChipControl-dark

How to use in a UWP app

If you want to include this control in an app, you can look at the sample project for guidance, but essentially the control has the following bindable properties:

Xaml:

xmlns:chipsControl=&quot;using:Yazdipour.UWP.Chips&quot;

Single Chip

<chipsControl:Chip Content="Tag2"
                   CloseButtonVisiblity="Collapsed"
                   ChipDelete="Chip_ChipDelete"
                   HorizontalAlignment="Left"/>

Chips Collection

<chipsControl:Chips AvailableChips="{x:Bind AvailableOptions}" 
                    SelectedChips="{x:Bind SelectedOptions, Mode=TwoWay}"
                    SelectorStyle="{x:Bind SelectorStyle, Mode=OneWay}"
                    InputVisiblity="Visible"/>

SelectorStyle (ChipsControl.ChipsSelectorStyle)

This control include a selector for adding additional chips. There are 2 styles of selector - AutoSuggest and Selector

ChipsSelectorStyle.AutoSuggest

The AutoSuggest selector style is based on the UWP AutoSuggest control, so as you type into the search box you will see a list of matches to the items in the AvailableChips property (see below). In addition you can simply type a new value. With the AutoSuggest selector style you can add new values that are not yet available.

ChipsSelectorStyle.Selector

The Selector selector style is based on the UWP ComboBox control, so you have to select one of the existing items in the AvailableChips property (see below).

AvailableChips (IEnumerable&lt;string&gt;)

This property is an enumerable of string values (IEnumerable&lt;string&gt;) that represents the options available when selecting a chip. the Selector selector style is limited to this list for selecting chips. The AutoSuggest selector style can select values from this list or type in a new value not already in AvailableChips

SelectedChips (IEnumerable&lt;string&gt;)

This property is an enumerable of string values (IEnumerable&lt;string&gt;) that represents the selected values (chips) from the control

Image of ChipControl in app

Forked from: https://github.com/deanchalk/UWPChipsControl

UWP Chips Control

NuGet

ChipControl
ChipControl-dark

How to use in a UWP app

If you want to include this control in an app, you can look at the sample project for guidance, but essentially the control has the following bindable properties:

Xaml:

xmlns:chipsControl=&quot;using:Yazdipour.UWP.Chips&quot;

Single Chip

<chipsControl:Chip Content="Tag2"
                   CloseButtonVisiblity="Collapsed"
                   ChipDelete="Chip_ChipDelete"
                   HorizontalAlignment="Left"/>

Chips Collection

<chipsControl:Chips AvailableChips="{x:Bind AvailableOptions}" 
                    SelectedChips="{x:Bind SelectedOptions, Mode=TwoWay}"
                    SelectorStyle="{x:Bind SelectorStyle, Mode=OneWay}"
                    InputVisiblity="Visible"/>

SelectorStyle (ChipsControl.ChipsSelectorStyle)

This control include a selector for adding additional chips. There are 2 styles of selector - AutoSuggest and Selector

ChipsSelectorStyle.AutoSuggest

The AutoSuggest selector style is based on the UWP AutoSuggest control, so as you type into the search box you will see a list of matches to the items in the AvailableChips property (see below). In addition you can simply type a new value. With the AutoSuggest selector style you can add new values that are not yet available.

ChipsSelectorStyle.Selector

The Selector selector style is based on the UWP ComboBox control, so you have to select one of the existing items in the AvailableChips property (see below).

AvailableChips (IEnumerable&lt;string&gt;)

This property is an enumerable of string values (IEnumerable&lt;string&gt;) that represents the options available when selecting a chip. the Selector selector style is limited to this list for selecting chips. The AutoSuggest selector style can select values from this list or type in a new value not already in AvailableChips

SelectedChips (IEnumerable&lt;string&gt;)

This property is an enumerable of string values (IEnumerable&lt;string&gt;) that represents the selected values (chips) from the control

Image of ChipControl in app

Forked from: https://github.com/deanchalk/UWPChipsControl

Release Notes

Ctrl on Visibility of CloseBtn and Input

Dependencies

This package has no dependencies.

This package is not used by any popular GitHub repositories.

Version History

Version Downloads Last updated
1.0.3 253 9/16/2018
1.0.2 198 9/16/2018