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? [image]

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 s…

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:

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.

Badge in title bar not working

Polaris

Min_Liu April 23, 2026, 11:57pm 7

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?

Topic		Replies	Views
Accessory slot in <s-page> is not rendering badge Polaris	1	51	March 31, 2026
Align ui-title-bar with design Polaris	4	156	February 9, 2026
Adding icons to the buttons within the ui-title-bar component App Bridge app-bridge , polaris	4	112	October 2, 2025
TitleBar missing similar props to Page App Bridge app-bridge , polaris	5	131	February 13, 2026
Bug: Ui-title-bar not stopped rendering buttons or links App Bridge app-bridge	5	117	September 10, 2025

Badge in title bar not working

Related topics