I’m trying to build a UI similar to the “Collection” field on the Shopify product page using an Admin Block extension. However, it appears that the Polaris web components do not include an <s-popover> component. How can I replicate this functionality using the available web components in an extension?
ex:
Hello Aswin!
Thanks for asking about this. We are investigating why it’s not showing up.
In the meantime, app home does have Popover available, and you can familiarize yourself with the API there / try building with it in an embedded app.
Hello Kyle!
Thanks for looking into this, I really appreciate it.
Since I need to use the Popover component specifically within an Admin UI Extension, could you please share if there’s an expected timeline for when it will be supported there?
If it’s likely to take some time, is there any recommended workaround we can use in the meantime to achieve similar functionality?
Thanks again for your help!
No timeline to share just yet. We are continuing to investigate.
If you are urgently blocked, I would consider seeing what can be done with some of these primitives:
Hard to say based on your particular needs/business logic, but in theory you could display a form with a set of checkboxes for each of the merchant’s collections.
If you wanted to keep that form UI out of the way in your Block extension, you could locate that concept in an Action extension (tutorial, + Connect admin UI extensions tutorial).
