Action chip — Filled

Action chip — Outlined

Action chip — Sizes

With startAdornment (icon)

With startAdornment (avatar)

M

With avatar

Small with avatar

With endAdornment (icon)

With endAdornment (avatar)

Trailing avatar

M

Primary trailing avatar

J

Small trailing avatar

With endAdornment (ChipDelete)

With startAdornment (ChipDelete)

Delete only (no action)

With both adornments

Disabled (focusableWhenDisabled=true, default)

Disabled (focusableWhenDisabled=false)

Link chip

Link chip — With adornments

Open the popper, then click the delete icon on the chip. With the old API the popper does NOT close (bug). With the new API it should close.

Static chip (no action)

Live delete demo (with aria-live region)