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

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

Constructors

Properties

Methods

Constructors

constructor

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

size

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

variant: "success" | "primary" | "info" | "warning" | "danger"

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

Attr

Static styles

styles: CSSResult[] = ...

Static Readonly tagName

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

Methods

emitEvent

  • emitEvent<K, D>(type, eventInitDict?): boolean

  • Type parameters

    Type Parameters

    • K extends keyof IgcChipEventMap
    • D extends boolean

    Parameters

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

    Returns boolean

Static register