Badge in title bar not working

Following the example here: Title bar

My page returns

<s-page heading="Edit Product">
  <s-badge slot="accessory" tone="warning">Draft</s-badge>
  <s-button slot="primary-action">Save</s-button>
</s-page>

The heading and button works, but badge doesn’t show. Am i doing something wrong?

This is more related to polaris but you’re unable to add a badge to the title bar currently. Only the slots outlined here.

Moved this to the Polaris category.

i have the same problem, i based on the dev doc , of the title bar of shopify app bridge web component is the “same” component and here is available the slot accesory, how can we use this component insteat of the polaris component to able to use the badge ?

i have already publish a topic with the same problem

here is the title bar component that allows you to use the badge as “accesory”

You can’t currently, s-page doesn’t have a slot for accessory, its a mistake in the docs.

Ah, another mistake regarding these web components :confused:

And looks like this is now working!

[Edit] and looks like it’s no longer working again, potentially related to a rollback related to Contextual save bar Discard button is not working - #4 by Henry_Tao?

Hey @Anthony_Frehner are you able to add any input here?

I am also trying to add an accessory badge to my page.

After further testing, this badge only works for full-screen app windows (s-app-window), not for a regular embedded app page.

Unsure if this is intended.