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

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

Index

Constructors

Properties

disabled: boolean = false

Sets the disabled state for the chip.

removable: boolean = false

Defines if the chip is removable or not.

selectable: boolean = false

Defines if the chip is selectable or not.

selected: boolean = false

Defines if the chip is selected or not.

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

Determines the size of the component.

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

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

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

Methods

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

    • K extends keyof IgcChipEventMap

    • D extends boolean

    Parameters

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

    Returns boolean