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.



XelaChip(text: "Chip")


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