---
title: ClipboardItem
description: >-
  Enables copying text to the user’s clipboard. Use alongside Button or Link
  components to let users easily copy content. `<s-clipboard-item>` doesn’t
  render visually.
api_version: 2025-10
api_name: checkout_ui_extensions
source_url:
  html: >-
    https://shopify.dev/docs/api/checkout-ui-extensions/2025-10-rc/polaris-web-components/utilities/clipboarditem
  md: >-
    https://shopify.dev/docs/api/checkout-ui-extensions/2025-10-rc/polaris-web-components/utilities/clipboarditem.txt
---

# Clipboard​Item

Enables copying text to the user’s clipboard. Use alongside Button or Link components to let users easily copy content. `<s-clipboard-item>` doesn’t render visually.

## Properties

* id

  string

  A unique identifier for the element.

* text

  string

  Default: ''

  Plain text to be written to the clipboard.

### Examples

* #### Code

  ##### Default

  ```html
  <s-button commandFor="discount-code">Copy discount code</s-button>
  <s-clipboard-item id="discount-code" text="SAVE 25"></s-clipboard-item>
  ```