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”

1 Like

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