The QChip component is basically a simple UI block entity, representing for example more advanced underlying data, such as a contact, in a compact way.
Chips can contain entities such as an avatar, text or an icon, optionally having a pointer too. They can also be closed or removed if configured so.
Also check out QBadge.
Usage
A QChip with a @click listener is clickable by default (v2.29+): it gets the hover effects, keyboard activation and its click event without the clickable prop. Set clickable explicitly only when there is no listener or when you need to toggle the behavior through a boolean; an explicit clickable="false" wins over the listener.
Accessibility v2.25+
A clickable chip (through the clickable prop, a @click listener or a selected model) exposes itself as role="button" and activates on Enter or Space. Only chips driven by a selected model additionally expose aria-pressed — a plain action chip does not claim toggle semantics. A disabled chip keeps its role (announced as dimmed via aria-disabled) but is taken out of the tab order.
The remove icon of a removable chip is a keyboard-operable control of its own, named by the localized “Remove” label from the Quasar Language Pack. That generic name says nothing about what would be removed, so set remove-aria-label per chip for context — e.g. “Remove tag: Vue”.