Chip¶

A Chip is a selectable item that can be grouped together with other chips in conjunction with a Chip Group.

Properties¶

IsToggled - bool¶

Gets or sets a value that indicates if the chip is toggled or not. False if not toggled, otherwise true.

IsRemovable - bool¶

Gets or sets a value that indicates if the chip is removable or not.

IsSingleSelection - bool¶

Gets or sets a value that indicates if the chip is selectable on its own or with other chips. If a ChipGroup has this property set as false, but if a Chip has it as true, then the chip will disable all other selected chips when it is selected.

Command - ICommand¶

Gets or sets the command. Takes a System.Windows.Input.ICommand. Default value is default(ICommand).

CommandParameter - object¶

Gets or sets the command parameter.

RemovedCommand - ICommand¶

Gets or sets the remove command. Takes a System.Windows.Input.ICommand. Default value is default(ICommand).

RemovedCommandParameter - object¶

Gets or sets the remove command parameter.

BorderColor - Color¶

Gets or sets the color of the border.

BackgroundColor - Color¶

Gets or sets the color of the background. Default is Color.FromHex("#EAEAEA").

ToggledBackgroundColor - Color¶

Gets or sets the background color when toggled. Default is Color.Transparent.

BorderSize - double¶

Gets or sets the size of the border.

CornerRadius - double¶

Gets or sets the radius of the corner. Default is 8d.

Shape - ChipShape¶

Gets or sets the shape of the chip. Default is ChipShape.Circular.

Value - object¶

Gets or sets the value.

Text - string¶

Gets or sets the text. Default is default(string).

FontColor - Color¶

Gets or sets the color of the font. Default is Color.White.

FontSize - double¶

Gets or sets the size of the font. Default is 12d.

Typeface - SKTypeface¶

Gets or sets the typeface. Default default(SKTypeface).

IsIconifiedText - bool¶

Gets or sets a value that indicates if the text should be styled like an icon.

EmbeddedImageName - string¶

Gets or sets the name of the embedded image. Default value is null.

EmbeddedImageColorMatchesText - bool¶

Gets or sets a value that indicates if the embedded image color should match the text color.

Example Styles¶

var chip = new Chip
        {
              IsSingleSelection = false,
              BorderColor = Color.Red,
              IsRemovable = false  
        }

<aurora:Chip x:Name="Chip1" Text="Item 1" EmbeddedImageName="device.svg" IsRemovable="True" />