---
title: Chip
description: Represents a set of user-supplied keywords that help label, organize, and categorize objects. Used to categorize or highlight content attributes. They are often displayed near the content they classify, enhancing discoverability by allowing users to identify items with similar properties.
api_version: 2025-10
api_name: checkout-ui-extensions
source_url:
  html: https://shopify.dev/docs/api/checkout-ui-extensions/latest/polaris-web-components/titles-and-text/chip
  md: https://shopify.dev/docs/api/checkout-ui-extensions/latest/polaris-web-components/titles-and-text/chip.md
---

# Chip

Represents a set of user-supplied keywords that help label, organize, and categorize objects. Used to categorize or highlight content attributes. They are often displayed near the content they classify, enhancing discoverability by allowing users to identify items with similar properties.

## Properties

* accessibilityLabel

  string

  A label that describes the purpose or contents of the Chip. It will be read to users using assistive technologies such as screen readers.

* id

  string

  A unique identifier for the element.

## Slots

* graphic

  HTMLElement

  The graphic to display inside of the chip.

  Only `s-icon` element and its `type` attribute are supported.

### Examples

* #### Code

  ##### Default

  ```html
  <s-chip>50% OFF</s-chip>
  ```

## Preview

![](https://shopify.dev/images/templated-apis-screenshots/checkout-ui-extensions/2025-10/chip-default.png)