Chips

Chips can be used to represent small blocks of information, make selections, filter content, or trigger actions. Chips should appear dynamically as a group of multiple interactive elements.

Usage

XelaChip(text: "Chip")

Properties

Name	Type	Default Value	Required	Description
text	String	-	YES	Text string for chip
size	XelaChipSize	.Large	NO	Size for chip (.Large, .Medium, .Small)
leftIcon	String		NO	Left Icon from Assets
rightIcon	String		NO	Right Icon from Assets
disabled	Bool	false	NO	Disable for chip
selected	Bool	false	NO	Selected status for chip
borderWidth	CGFloat	2	NO	Chip border width
defaultBorderColor	Color	Color(xelaColor: .Blue3)	NO	Default border color
selectedBorderColor	Color	Color(xelaColor: .Blue3)	NO	Selected border color
defaultBackgroundColor	Color	Color(.white)	NO	Default background color
selectedBackgroundColor	Color	Color(xelaColor: .Blue3)	NO	Selected background color
defaultTextColor	Color	Color(xelaColor: .Blue3)	NO	Default text string color
selectedTextColor	Color	Color(.white)	NO	Selected text string color