Ignite UI for Web Components

All
  • Public
  • Public/Protected
  • All

Class IgcChipComponent

Chips help people enter information, make selections, filter content, or trigger actions.

Element

igc-chip

Slot

  • Renders the chip data.

Slot

prefix - Renders content before the data of the chip.

Slot

suffix - Renders content after the data of the chip.

Fires

igcRemove - Emits an event when the chip component is removed. Returns the removed chip component.

Fires

igcSelect - Emits event when the chip component is selected/deselected and any related animations and transitions also end.

Csspart

base - The base wrapper of the chip.

Csspart

prefix - The prefix container of the chip.

Csspart

suffix - The suffix container of the chip.

Hierarchy

Hierarchy

  • EventEmitterInterface<IgcChipEventMap, this> & LitElement<this>
    • IgcChipComponent

Properties

Properties

disabled

disabled: boolean = false

Sets the disabled state for the chip.

Attr

removable

removable: boolean = false

Defines if the chip is removable or not.

Attr

selectable

selectable: boolean = false

Defines if the chip is selectable or not.

Attr

selected

selected: boolean = false

Defines if the chip is selected or not.

Attr

variant

variant: StyleVariant

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

Attr

Static ReadonlytagName

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

Returns the HTML-uppercased qualified name.

MDN Reference