---
title: QuanticPill
slug: latest-utility-pill
canonical_url: https://docs.coveo.com/en/quantic/latest/reference/utility-components/utility-pill/
collection: quantic
source_format: adoc
---
# QuanticPill

> **Note**
>
> This component was introduced in version `1.6.1`.

The `QuanticPill` component is used internally to display a deselectable button.

## Example

```html
<c-quantic-pill label="Case" alt-text="Remove Case filter" onquantic__deselect={myDeselectFunction}></c-quantic-pill>
```

## Properties

--
|===
| Property | Attribute | Description | Type | Default

| `label` _(required)_
| `label`
a| The value to display inside the button.
| `string`
|

| `altText` _(required)_
| `alt-text`
a| The alternative text to be assigned to the button icon.
| `string`
|

| `groupName` _(required)_
| `group-name`
a| The name of the group if applicable related to the button (for screen readers).
| `string`
|

| `actionName` _(required)_
| `action-name`
a| The name of the action if applicable when the button is clicked (for screen readers).
| `string`
|

|===
--

## Custom events

The component fires the following custom event:

* `quantic__deselect`

## XML configuration file elements

The following XML configuration file elements apply (see [XML Configuration File Elements](https://developer.salesforce.com/docs/component-library/documentation/en/lwc/lwc.reference_configuration_tags)).

--
|===
| Metadata | Value

| `apiVersion` | `53.0`
| `isExposed` | `false`
|===
--