Polaris-web-components: Not rendering as expected + stability concerns in production

We are currently using polaris-web-components in a live Shopify app and have encountered an issue with the Text web component.

Issue Details

  • We are using Polaris Web Components in a live Shopify app and are facing an issue with the Text (s-text) component, specifically the type="strong" variant.

Issue Description

According to the official Shopify docs, the following example is shown:

<s-paragraph>
  <s-text type="strong">Name:</s-text>
  <s-text>Jane Doe</s-text>
</s-paragraph>

However, in our implementation:

  • <s-text type="strong"> does not apply bold/strong styling

  • The text renders the same as normal text

  • There is no visible font-weight difference, even though the docs preview shows it emphasized

Production Stability Concern

We are also seeing inconsistent behaviour in production:

  • Changes using Polaris Web Components work initially

  • The next day, those same changes are not applied

  • Some components appear to revert without any code changes

This is happening in a live app, so we are concerned about stability.

Any insights or confirmation would be appreciated.
Thanks!

1 Like

This was an intentional change; we’re working on introducing more text-related components that fit semantically and stylistically. Thanks!

2 Likes