| ariaRemoveLabel | undefined | string, ((label: string) => string) |
Names the remove button with the chip's text: a string has {label} replaced by it, or gets it appended when there is no {label} (Remove Vue); a function receives the text and returns the whole name. The text is the chip's text content, else its value. Unused on a selectable chip, where the affordance is hidden from assistive technology. Defaults to undefined so a chip can override the value inherited from a CChipSet; falls back to 'Remove'. |
| as | 'span' | string |
Component used for the root node. Either a string to use a HTML element or a component. |
| clickable | - | boolean |
Enables interactive hover styling and pointer cursor. |
| colorDeprecated 6.0.0 | - | Color |
Sets the color context of the component to one of CoreUI's themed colors. Use theme instead — color renders the same theme-{color} class and loses to theme when both are set. |
| defaultSelected6.0.0+ | undefined | boolean |
The initial selected state of an uncontrolled selectable chip — read once on mount. Ignored when selected is set. |
| disabled | undefined | boolean |
Toggle the disabled state for the component. Defaults to undefined so a chip can override the value inherited from a CChipSet (including turning it off). |
| filter | undefined | boolean |
Turns the component into a filter chip. A filter chip is selectable and shows a leading check icon while selected. Defaults to undefined so a chip can override the value inherited from a CChipSet. |
| removable | undefined | boolean |
Displays a remove button inside the component. Defaults to undefined so a chip can override the value inherited from a CChipSet (including turning it off). |
| removeIcon | undefined | string, object |
Replaces the default remove icon with a custom icon node. |
| selectable | undefined | boolean |
Enables selectable behavior and keyboard toggle support. Defaults to undefined so a chip can override the value inherited from a CChipSet. |
| selected | undefined | boolean |
Controls the selected state of a selectable component. On a non-selectable chip it only renders the active class. |
| selectedIcon | undefined | string, object |
Replaces the default selected icon shown by a filter chip with a custom icon node. |
| size | - | string |
Size the component small or large. |
| theme6.0.0+ | - | Color |
Sets the color context of the component to one of CoreUI’s themed colors. |
| value | undefined | string |
Sets the value associated with the component, used by CChipSet to track selection. |
| variant | - | string |
Set the button variant to an outlined style. |