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 |