---
title: Abbreviation
description: >-
  Displays abbreviated text or acronyms, revealing their full meaning or
  additional context through a tooltip on hover or focus. Use to clarify
  shortened terms, initialisms, or technical language without interrupting the
  reading flow.
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/titles-and-text/abbreviation
  md: >-
    https://shopify.dev/docs/api/checkout-ui-extensions/2025-10-rc/polaris-web-components/titles-and-text/abbreviation.txt
---

# Abbreviation

Displays abbreviated text or acronyms, revealing their full meaning or additional context through a tooltip on hover or focus. Use to clarify shortened terms, initialisms, or technical language without interrupting the reading flow.

## Properties

* id

  string

  A unique identifier for the element.

* title

  string

  Default: ''

  Defines the full expansion of the abbreviation or acronym.

  Helps user agents and users understand the meaning of the abbreviated text.

### Examples

* #### Code

  ##### Default

  ```html
  <s-abbreviation title="United States Dollar">USD</s-abbreviation>
  ```

## Preview

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