---
title: SkeletonParagraph
description: Displays a placeholder representation of text content while it loads. Use to improve perceived performance by showing users where text will appear.
api_version: 2025-10
api_name: checkout-ui-extensions
source_url:
  html: https://shopify.dev/docs/api/checkout-ui-extensions/latest/polaris-web-components/feedback/skeletonparagraph
  md: https://shopify.dev/docs/api/checkout-ui-extensions/latest/polaris-web-components/feedback/skeletonparagraph.md
---

# Skeleton​Paragraph

Displays a placeholder representation of text content while it loads. Use to improve perceived performance by showing users where text will appear.

## Properties

* content

  string

  Default: ''

  The content to be used as a base for the skeleton. This content will be hidden when the skeleton is visible.

  This can be useful when the skeleton is representing a known piece of content which is part of a larger element that has not yet fully loaded.

* id

  string

  A unique identifier for the element.

### Examples

* #### Code

  ##### Default

  ```html
  <s-skeleton-paragraph></s-skeleton-paragraph>
  ```

## Preview

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