Chip

Compact element for labels, tags, or selections.

Interactive preview configurations are being developed for this component.

Props

leadingIcon
GoAIconType
Use GoAFilterChip instead. Icon displayed at the start of the chip.
icontheme
IconTheme
Use GoAFilterChip instead. The icon theme - outline or filled.
Defaults to outline.
error
boolean
Use GoAFilterChip instead. Shows an error state on the chip.
Defaults to false.
deletable
boolean
Use GoAFilterChip instead. When true, shows a delete icon and makes chip clickable.
Defaults to false.
content
string
Use GoAFilterChip instead. The text content displayed in the chip.
variant
"filter"
Use GoAFilterChip instead. The chip variant style.
testId
string
Use GoAFilterChip instead. Sets a data-testid attribute for automated testing.
mt, mr, mb, ml
none | 3xs | 2xs | xs | s | m | l | xl | 2xl | 3xl | 4xl
Apply margin to the top, right, bottom, and/or left of the component.

Events

onClick
(event: Event) => void
_click
CustomEvent
Examples
Examples show common usage patterns and implementation guidance.

No usage guidelines have been documented for this component yet.

All GoA Design System components are built to meet WCAG 2.2 AA standards. The following guidelines provide additional context for accessible implementation.

No accessibility-specific guidelines have been documented for this component yet.

View old component docs