Interactive Chips (material-ui)
ChipButton — Filled
Default
Primary
Secondary
Error
Success
Info
Warning
ChipButton — Outlined
Default
Primary
Secondary
Error
ChipButton — Sizes
Small
Medium
ChipButton — With icon
With icon
Small with icon
ChipButton — With avatar
M
With avatar
Small with avatar
ChipButton — With delete
Deletable
Custom delete icon
Outlined deletable
Small deletable
ChipButton — Delete only (no onClick)
Delete only
With icon + delete
ChipButton — Disabled (focusableWhenDisabled=true, default)
Disabled
Disabled with delete
Disabled outlined
ChipButton — Disabled (focusableWhenDisabled=false)
Not focusable
Not focusable + delete
ChipLink — Basic
Link chip
Primary link
Outlined link
Small link
ChipLink — With icon
Link with icon
ChipLink — With delete
Deletable link
Outlined deletable link
Live delete demo (with aria-live region)
Deletable 1
Deletable 2
Deletable 3