Ignite UI for React

All
  • Public
  • Public/Protected
  • All

Class IgrChip

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

Slot

  • Renders content in the default slot of the chip.

Slot

prefix - Renders content at the start of the chip, before the default content.

Slot

suffix - Renders content at the end of the chip after the default content.

Slot

select - Content to render when the chip in selected state.

Slot

remove - Content to override the default remove chip icon.

Csspart

base - The base wrapper of the chip.

Csspart

prefix - The prefix container of the chip.

Csspart

suffix - The suffix container of the chip.

Callable

  • IgrChip(): ReactNode

    Returns ReactNode

Events

Properties

Events

onRemove

onRemove: (args: CustomEvent<boolean>) => void

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

Type declaration

onSelect

onSelect: (args: CustomEvent<boolean>) => void

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

Type declaration

Properties

disabled

disabled: boolean

Sets the disabled state for the chip.

removable

removable: boolean

Defines if the chip is removable or not.

selectable

selectable: boolean

Defines if the chip is selectable or not.

selected

selected: boolean

Defines if the chip is selected or not.

variant

variant: StyleVariant

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