Classes list
Every class Chip recognizes, straight from the @flickui/css source.
| Class | Purpose |
|---|---|
.chip | Base class — required on every chip |
.chip-label | Wraps the visible text (clipped with an ellipsis if it overflows) |
.chip-leading / .chip-trailing | Icon slots before/after the label |
.chip-dot | Small colored dot, typically used as a leading status indicator |
.chip-face | Wraps clickable inner content when the chip itself isn't the interactive element |
.chip-remove | The dismiss button inside a removable chip |
.chip-clickable | Marks a non-<button> chip as clickable (adds pointer cursor) |
.action-dismiss | Behavior hook on .chip-remove — triggers the removal animation |
.is-selected | Runtime state — synced from a checkbox-backed chip's checked state |
.is-removing | Runtime state — the fade/collapse-out transition before DOM removal |