Chips help people enter information, make selections, filter content, or trigger actions.
- Element
igc-chip
- Slots
-
default— Renders content in the default slot of the chip. -
prefix— Renders content at the start of the chip, before the default content. -
suffix— Renders content at the end of the chip after the default content. -
select— Content to render when the chip in selected state. -
remove— Content to override the default remove chip icon.
- CSS Parts
base— The base wrapper of the chip.prefix— The prefix container of the chip.suffix— The suffix container of the chip.
Properties
Section titled "Properties"disabled
Section titled "disabled"Sets the disabled state for the chip.
disabled: boolean = falseDefined in src/components/chip/chip.ts:67
removable
Section titled "removable"Defines if the chip is removable or not.
removable: boolean = falseDefined in src/components/chip/chip.ts:74
selectable
Section titled "selectable"Defines if the chip is selectable or not.
selectable: boolean = falseDefined in src/components/chip/chip.ts:81
selected
Section titled "selected"Defines if the chip is selected or not.
selected: boolean = falseDefined in src/components/chip/chip.ts:89
variant
Section titled "variant"A property that sets the color variant of the chip component.
variant: StyleVariantDefined in src/components/chip/chip.ts:96
tagName
Section titled "tagName"The tagName read-only property of the Element interface returns the tag name of the element on which it's called.
tagName: "igc-chip" = 'igc-chip'Defined in src/components/chip/chip.ts:48