Skeleton display text is used to provide a low fidelity representation of content before it appears on the page, and improves load times perceived by merchants. Can be used for content in or outside of a card.

Examples

  </.skeleton_display_text>

See

• https://polaris.shopify.com/components/feedback-indicators/skeleton-display-text
• https://github.com/Shopify/polaris/blob/main/polaris-react/src/components/SkeletonDisplayText/SkeletonDisplayText.tsx

Attributes

• size (:string) - Defaults to "medium".
• max_width (:string) - Examples include "{number}ch", and "{number}%".
• style (:string) - Style attribute.
• display (:string) - Style attribute.
• margin (:string) - Style attribute.
• max_height (:string) - Style attribute.
• min_height (:string) - Style attribute.
• object_fit (:string) - Style attribute.
• flex_grow (:string) - Style attribute.
• justify_content (:string) - Style attribute.
• grid_auto_rows (:string) - Style attribute.
• grid_template_columns (:string) - Style attribute.
• grid_template_rows (:string) - Style attribute.
• align_items (:string) - Style attribute.
• align_self (:string) - Style attribute.
• Global attributes are accepted.

Build Style elements