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

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

Constructors

Properties

disabled: boolean = false

Sets the disabled state for the chip.

Attr

removable: boolean = false

Defines if the chip is removable or not.

Attr

selectable: boolean = false

Defines if the chip is selectable or not.

Attr

selected: boolean = false

Defines if the chip is selected or not.

Attr

size: "small" | "medium" | "large"

Determines the size of the component.

Attr

Deprecated

  • since v4.5.0. Use the --ig-size CSS custom property instead.
variant: "success" | "primary" | "info" | "warning" | "danger"

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

Attr

styles: CSSResult[] = ...
tagName: "igc-chip" = 'igc-chip'

Methods

  • Type parameters

    Type Parameters

    • K extends keyof IgcChipEventMap

    • D extends boolean

    Parameters

    • type: K
    • Optional eventInitDict: CustomEventInit<D>

    Returns boolean