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.
content — The wrapper element around the default slot 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 = false

Defined in src/components/chip/chip.ts:76

outlined

Section titled "outlined"

Defines if the chip is outlined or not.

 
outlined: boolean = false

Defined in src/components/chip/chip.ts:91

removable

Section titled "removable"

Defines if the chip is removable or not.

 
removable: boolean = false

Defined in src/components/chip/chip.ts:83

selectable

Section titled "selectable"

Defines if the chip is selectable or not.

 
selectable: boolean = false

Defined in src/components/chip/chip.ts:98

selected

Section titled "selected"

Defines if the chip is selected or not.

 
selected: boolean = false

Defined in src/components/chip/chip.ts:106

variant

Section titled "variant"

A property that sets the color variant of the chip component.

 
variant: StyleVariant

Defined in src/components/chip/chip.ts:113

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.

MDN Reference

 
tagName: "igc-chip" = 'igc-chip'

Defined in src/components/chip/chip.ts:57